feat(client): add storybook and workbench profile flow

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

client/cms/src/components/profile/edit-profile-dialog.tsx

@@ -1,3 +1,4 @@
+import type { ServiceUserUserInfoData } from '@/client';
 import { useForm } from '@tanstack/react-form';
 import { useState } from 'react';
 import { toast } from 'sonner';
@@ -21,7 +22,6 @@ import {
   Input,
 } from '@/components/ui/input';
 import { useUpdateUser } from '@/hooks/data/useUpdateUser';
-import { useUserInfo } from '@/hooks/data/useUserInfo';
 import { Switch } from '../ui/switch';
 
 const formSchema = z.object({
@@ -31,9 +31,7 @@ const formSchema = z.object({
   avatar: z.url().or(z.literal('')),
   allow_public: z.boolean(),
 });
-export function EditProfileDialog() {
-  const { data } = useUserInfo();
-  const user = data.data!;
+export function EditProfileDialog({ user }: { user: ServiceUserUserInfoData }) {
   const { mutateAsync } = useUpdateUser();
 
   const form = useForm({