added log for site settings and user settings

src/components/form/profile-form.tsx

@@ -1,5 +1,6 @@
 import { authClient } from '@/lib/auth-client';
 import { m } from '@/paraglide/messages';
+import { uploadProfileImage } from '@/service/profile.api';
 import { ProfileInput, profileUpdateSchema } from '@/service/profile.schema';
 import { UserCircleIcon } from '@phosphor-icons/react';
 import { useForm } from '@tanstack/react-form';
@@ -35,9 +36,21 @@ const ProfileForm = () => {
     },
     onSubmit: async ({ value }) => {
       try {
+        let imageKey;
+        if (value.image) {
+          // upload image
+          const formData = new FormData();
+          formData.set('file', value.image);
+          const { imageKey: uploadedKey } = await uploadProfileImage({
+            data: formData,
+          });
+          imageKey = uploadedKey;
+        }
+
         await authClient.updateUser(
           {
             name: value.name,
+            image: imageKey,
           },
           {
             onSuccess: () => {