added Model Box and Item

added Box function for admin

src/components/form/account/profile-form.tsx

@@ -1,7 +1,7 @@
 import { Skeleton } from '@/components/ui/skeleton';
 import { updateProfile } from '@/service/profile.api';
 import { useAuth } from '@components/auth/auth-provider';
-import AvatarUser from '@components/avatar/avatar-user';
+import AvatarUser, { AvatarUserType } from '@components/avatar/avatar-user';
 import RoleBadge from '@components/avatar/role-badge';
 import { useAppForm } from '@hooks/use-app-form';
 import { m } from '@paraglide/messages';
@@ -92,7 +92,11 @@ const ProfileForm = () => {
         >
           <FieldGroup>
             <div className="grid grid-cols-3 gap-3">
-              <AvatarUser className="h-20 w-20" textSize="2xl" />
+              <AvatarUser
+                className="h-20 w-20"
+                textSize="2xl"
+                user={session.user as AvatarUserType}
+              />
               <form.AppField name="image">
                 {(field) => (
                   <field.FileField