docs(SideMenu): update storybook sample

packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx

@@ -1,32 +1,32 @@
 import { StoryFn } from '@storybook/react'
 import React from 'react'
 
-import { SideMenu } from './SideMenu'
+import { FaGearIcon } from '../../Icon'
+
+import { SideMenu, SideMenuGroup, SideMenuItem } from '.'
 
 export default {
   title: 'Experimental（実験的）/SideMenu',
   component: SideMenu,
-  parameters: {
-    layout: 'fullscreen',
-    withTheming: true,
-  },
 }
 
 export const Default: StoryFn = () => (
-  <div className="shr-bg-background shr-p-2">
+  <div className="shr-bg-background shr-p-2 shr-max-w-[15rem]">
     <SideMenu>
-      <SideMenu.Group name="基本設定">
-        <SideMenu.Item href="#">評価シート</SideMenu.Item>
-        <SideMenu.Item href="#" current>
-          評価ロール
-        </SideMenu.Item>
-        <SideMenu.Item href="#">評価フロー</SideMenu.Item>
-      </SideMenu.Group>
-      <SideMenu.Group name="その他の設定">
-        <SideMenu.Item href="#">評価項目の入力必須設定</SideMenu.Item>
-        <SideMenu.Item href="#">評価ロールの閲覧・編集権限設定</SideMenu.Item>
-        <SideMenu.Item href="#">評価対象者の表示項目設定</SideMenu.Item>
-      </SideMenu.Group>
+      <SideMenuGroup title="個人設定">
+        <SideMenuItem href="#">アカウント</SideMenuItem>
+        <SideMenuItem href="#" current>
+          認証設定
+        </SideMenuItem>
+      </SideMenuGroup>
+      <SideMenuGroup title="共通設定">
+        <SideMenuItem href="#" prefix={<FaGearIcon />}>
+          評価項目の表示設定
+        </SideMenuItem>
+        <SideMenuItem href="#" prefix={<FaGearIcon />}>
+          評価対象者の入力必須項目設定
+        </SideMenuItem>
+      </SideMenuGroup>
     </SideMenu>
   </div>
 )