refactor(sidebar): split nav views and add router decorator

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/cms/src/stories/profile/profile.stories.tsx

@@ -3,6 +3,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ProfileError } from '@/components/profile/profile.error';
 import { ProfileSkeleton } from '@/components/profile/profile.skeleton';
 import { ProfileView } from '@/components/profile/profile.view';
+import { user } from '../exampleUser';
 
 const queryClient = new QueryClient();
 
@@ -23,20 +24,12 @@ type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
   args: {
-    user: {
-      username: 'nvirellia',
-      nickname: 'Noa Virellia',
-      subtitle: '天生骄傲',
-      email: 'noa@requiem.garden',
-      bio: '',
-      avatar: 'https://avatars.githubusercontent.com/u/54884471?v=4',
-    },
+    user,
     onSaveBio: async () => Promise.resolve(),
   },
-
 };
 
-export const Skeleton: Story = {
+export const Loading: Story = {
   render: () => <ProfileSkeleton />,
   args: {
     user: {},