[PATCH v2 02/12] fix(avatar): change avatarImg state to use from auth.user.photo state

[Muhammad Rizki <kiizuha@gnuweeb.org>]

Previously, avatar image is kinda buggy when a user has an avatar photo
and then deleted the avatar photo; the user avatar is updated
asynchronously in sveltekit load() function which makes the
/settings/profile page is loaded firstly before trying to get_user_info
in /settings layout and make the avatar value uses the
previous value (avatar value with an avatar image url exists). To fix
this issue, we need to pass the auth.user.photo state to the avatarImg
state in the /settings/profile +page.svelte file instead on load().

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/routes/(protected)/settings/profile/+page.svelte | 2 +-
 src/routes/(protected)/settings/profile/+page.ts     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(protected)/settings/profile/+page.svelte b/src/routes/(protected)/settings/profile/+page.svelte
index b61601b..fc1d641 100644
--- a/src/routes/(protected)/settings/profile/+page.svelte
+++ b/src/routes/(protected)/settings/profile/+page.svelte
@@ -105,7 +105,7 @@
 
   const auth = useAuth();
 
-  let avatarImg = $state(data.avatar);
+  let avatarImg = $state(auth.user?.photo);
   const avatar = $derived(avatarImg);
 
   const getShortName = () => {
diff --git a/src/routes/(protected)/settings/profile/+page.ts b/src/routes/(protected)/settings/profile/+page.ts
index 7b25a4f..c3f9bd3 100644
--- a/src/routes/(protected)/settings/profile/+page.ts
+++ b/src/routes/(protected)/settings/profile/+page.ts
@@ -17,5 +17,5 @@ export const load: PageLoad = async () => {
   };
 
   const form = await superValidate(data, zod(profileSchema));
-  return { form, avatar: auth.user?.photo };
+  return { form };
 };
-- 
Muhammad Rizki