From eab450149bea70d706fdd6125dac83e48e2f015a Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Fri, 20 Jun 2025 14:46:13 +0530
Subject: [PATCH 1/5] fix: avatars

---
 platforms/blabsy/.env.development                   |  4 ++--
 .../CreatePostModal/CreatePostModal.svelte          | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/platforms/blabsy/.env.development b/platforms/blabsy/.env.development
index 9aaca90b..fbf5dfe8 100644
--- a/platforms/blabsy/.env.development
+++ b/platforms/blabsy/.env.development
@@ -1,6 +1,6 @@
 # Dev URL
-NEXT_PUBLIC_URL=http://localhost
-NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
+NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
+NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org
 
 # Emulator
 NEXT_PUBLIC_USE_EMULATOR=false
diff --git a/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
index 67c14581..3a5c62c7 100644
--- a/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
+++ b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
@@ -51,13 +51,14 @@
 			<button
 				type="button"
 				class="rounded-full p-2 hover:bg-gray-100"
-				on:click={closeCreatePostModal}
+				onclick={closeCreatePostModal}
 			>
 				✕
 			</button>
 		</div>
 
 		<div class="mb-4">
+			<!-- svelte-ignore element_invalid_self_closing_tag -->
 			<textarea
 				bind:value={text}
 				placeholder="What's on your mind?"
@@ -70,6 +71,7 @@
 			<div class="mb-4 grid grid-cols-2 gap-4">
 				{#each images as image, index}
 					<div class="relative">
+						<!-- svelte-ignore a11y_img_redundant_alt -->
 						<img
 							src={image}
 							alt="Post image"
@@ -78,7 +80,7 @@
 						<button
 							type="button"
 							class="absolute top-2 right-2 rounded-full bg-black/50 p-1 text-white hover:bg-black/70"
-							on:click={() => removeImage(index)}
+							onclick={() => removeImage(index)}
 						>
 							✕
 						</button>
@@ -87,14 +89,15 @@
 			</div>
 		{/if}
 
-		<div class="flex items-center justify-between">
-			<label class="cursor-pointer rounded-lg bg-gray-100 px-4 py-2 hover:bg-gray-200">
-				<input type="file" accept="image/*" class="hidden" on:change={handleImageUpload} />
+		<div class="flex items-center justify-between gap-2">
+			<label class="w-full cursor-pointer text-center rounded-full bg-gray-100 px-4 py-3 hover:bg-gray-200">
+				<input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} />
 				Add Photo
 			</label>
 
 			<Button
 				variant="secondary"
+				size="sm"
 				callback={handleSubmit}
 				isLoading={isSubmitting}
 				disabled={!text.trim() && images.length === 0}

From a3c988a4b1df63207e48fb1a8b36a8cc87c70380 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Fri, 20 Jun 2025 15:32:59 +0530
Subject: [PATCH 2/5] fix: avatar in follow request page

---
 platforms/pictique/src/lib/fragments/Post/Post.svelte  |  6 ++++--
 .../pictique/src/lib/fragments/Profile/Profile.svelte  | 10 +++-------
 platforms/pictique/src/lib/types.ts                    |  2 +-
 .../src/routes/(protected)/discover/+page.svelte       |  4 ++++
 .../src/routes/(protected)/profile/[id]/+page.svelte   |  3 +--
 5 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/platforms/pictique/src/lib/fragments/Post/Post.svelte b/platforms/pictique/src/lib/fragments/Post/Post.svelte
index 7e26dcb1..5b462880 100644
--- a/platforms/pictique/src/lib/fragments/Post/Post.svelte
+++ b/platforms/pictique/src/lib/fragments/Post/Post.svelte
@@ -16,8 +16,9 @@
 	interface IPostProps extends HTMLAttributes<HTMLElement> {
 		avatar: string;
 		username: string;
-		userId: string;
+		userId?: string;
 		imgUris: string[];
+		text: string;
 		caption: string;
 		count: {
 			likes: number;
@@ -50,6 +51,7 @@
 
 	const {
 		avatar,
+		userId,
 		username,
 		imgUris: uris,
 		text,
@@ -61,7 +63,7 @@
 
 	let imgUris = $derived.by(() => pairAndJoinChunks(uris));
 
-	let galleryRef: HTMLDivElement;
+	let galleryRef: HTMLDivElement | undefined = $state();
 	let currentIndex = $state(0);
 
 	function scrollLeft() {
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index 661c9f71..33ea723e 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -3,17 +3,13 @@
 	import type { userProfile, PostData } from '$lib/types';
 	import Post from '../Post/Post.svelte';
 
-	export let variant: 'user' | 'other' = 'user';
-	export let profileData: userProfile;
-	export let handleSinglePost: (post: PostData) => void;
-	export let handleFollow: () => Promise<void>;
-	export let handleMessage: () => Promise<void>;
+	let { variant = "user", profileData, handleSinglePost, handleFollow, handleMessage}: {variant: "user" | "other", profileData: userProfile,handleSinglePost: (post: PostData) => void, handleFollow: () => Promise<void>, handleMessage: () => Promise<void> } = $props();
 </script>
 
 <div class="flex flex-col gap-4 p-4">
 	<div class="flex items-center gap-4">
 		<img
-			src={profileData.avatar ?? 'https://picsum.photos/200/200'}
+			src={profileData.avatarUrl ?? 'https://picsum.photos/200/200'}
 			alt={profileData.username}
 			class="h-20 w-20 rounded-full object-cover"
 		/>
@@ -51,7 +47,7 @@
 					avatar={'https://picsum.photos/200/200'}
 					username={profileData?.username}
 					imgUris={post.imgUris ?? []}
-					text={post.text}
+					text={post.caption}
 					time={new Date(post.createdAt).toLocaleDateString()}
 					callback={{
 						like: async () => {
diff --git a/platforms/pictique/src/lib/types.ts b/platforms/pictique/src/lib/types.ts
index 8ab5647f..d996ec22 100644
--- a/platforms/pictique/src/lib/types.ts
+++ b/platforms/pictique/src/lib/types.ts
@@ -34,7 +34,7 @@ export type PostData = {
 export type userProfile = {
     userId: string;
     username: string;
-    avatar: string;
+    avatarUrl: string;
     totalPosts: number;
     followers: number;
     following: number;
diff --git a/platforms/pictique/src/routes/(protected)/discover/+page.svelte b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
index b95f5748..d2b699b6 100644
--- a/platforms/pictique/src/routes/(protected)/discover/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
@@ -39,6 +39,10 @@
 			clearTimeout(debounceTimer);
 		};
 	});
+
+	$effect(() => {
+		console.log($searchResults);
+	})
 </script>
 
 <section class="w-full max-w-[500px]">
diff --git a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
index 2aeea589..2ed2ad8a 100644
--- a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
@@ -6,7 +6,6 @@
 	import type { userProfile, PostData } from '$lib/types';
 	import { apiClient } from '$lib/utils/axios';
 	import { onMount } from 'svelte';
-	import Post from '../../../../lib/fragments/Post/Post.svelte';
 
 	let profileId = $derived(page.params.id);
 	let profile = $state<userProfile | null>(null);
@@ -38,7 +37,7 @@
 	async function handleMessage() {
 		try {
 			await apiClient.post(`/api/chats/`, {
-				name: profile.username,
+				name: profile?.username,
 				participantIds: [profileId]
 			});
 			goto('/messages');

From 673943f823ff5652bd0e8851eb535be610e151d4 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Fri, 20 Jun 2025 16:04:23 +0530
Subject: [PATCH 3/5] fix: images uploaded shown in user profile

---
 platforms/pictique/src/lib/fragments/Post/Post.svelte     | 6 ++----
 .../pictique/src/lib/fragments/Profile/Profile.svelte     | 8 ++++----
 platforms/pictique/src/lib/types.ts                       | 1 +
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/platforms/pictique/src/lib/fragments/Post/Post.svelte b/platforms/pictique/src/lib/fragments/Post/Post.svelte
index 5b462880..46582a8c 100644
--- a/platforms/pictique/src/lib/fragments/Post/Post.svelte
+++ b/platforms/pictique/src/lib/fragments/Post/Post.svelte
@@ -19,8 +19,7 @@
 		userId?: string;
 		imgUris: string[];
 		text: string;
-		caption: string;
-		count: {
+		count?: {
 			likes: number;
 			comments: number;
 		};
@@ -61,8 +60,7 @@
 		...restProps
 	}: IPostProps = $props();
 
-	let imgUris = $derived.by(() => pairAndJoinChunks(uris));
-
+	let imgUris = $derived(uris);
 	let galleryRef: HTMLDivElement | undefined = $state();
 	let currentIndex = $state(0);
 
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index 33ea723e..a80ecdf5 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -42,13 +42,13 @@
 
 	<div class="grid grid-cols-3 gap-1">
 		{#each profileData.posts.filter((e) => e.imgUris && e.imgUris.length > 0) as post}
-			<li class="mb-6">
+			<li class="mb-6 list-none">
 				<Post
-					avatar={'https://picsum.photos/200/200'}
+					avatar={ profileData.avatarUrl || 'https://picsum.photos/200/200'}
 					username={profileData?.username}
 					imgUris={post.imgUris ?? []}
 					text={post.caption}
-					time={new Date(post.createdAt).toLocaleDateString()}
+					time={post.time ? new Date(post.time).toLocaleDateString() : ''}
 					callback={{
 						like: async () => {
 							try {
@@ -65,4 +65,4 @@
 			</li>
 		{/each}
 	</div>
-</div>
+</div>
\ No newline at end of file
diff --git a/platforms/pictique/src/lib/types.ts b/platforms/pictique/src/lib/types.ts
index d996ec22..b21b4334 100644
--- a/platforms/pictique/src/lib/types.ts
+++ b/platforms/pictique/src/lib/types.ts
@@ -18,6 +18,7 @@ export type CommentType = {
 };
 
 export type PostData = {
+	createdAt: string | number | Date;
     id: string;
     avatar: string;
     userId: string;

From 85a728f94f8e86c5c836b5cee03339bebadbceab Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Fri, 20 Jun 2025 16:09:01 +0530
Subject: [PATCH 4/5] fix: button size

---
 platforms/pictique/src/lib/fragments/Profile/Profile.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index a80ecdf5..8241471e 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -19,8 +19,8 @@
 		</div>
 		{#if variant === 'other'}
 			<div class="flex gap-2">
-				<Button variant="primary" callback={handleFollow}>Follow</Button>
-				<Button variant="primary" callback={handleMessage}>Message</Button>
+				<Button variant="primary" size="sm" callback={handleFollow}>Follow</Button>
+				<Button variant="primary" size="sm" callback={handleMessage}>Message</Button>
 			</div>
 		{/if}
 	</div>

From cd17e21e1013fbbe221da16f73504af08de45b31 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Fri, 20 Jun 2025 16:36:46 +0530
Subject: [PATCH 5/5] fix: avatar

---
 .../lib/fragments/BottomNav/BottomNav.svelte  |  44 +++++---
 .../CreatePostModal/CreatePostModal.svelte    |   4 +-
 .../lib/fragments/InputFile/InputFile.svelte  |   2 +-
 .../MessageInput/MessageInput.svelte          |   2 +-
 .../src/lib/fragments/Profile/Profile.svelte  |  18 ++-
 .../UploadedPostView/UploadedPostView.svelte  |  14 ++-
 .../pictique/src/lib/store/store.svelte.ts    |  14 +--
 platforms/pictique/src/lib/stores/auth.ts     |  24 ++--
 platforms/pictique/src/lib/stores/comments.ts |  62 +++++-----
 platforms/pictique/src/lib/stores/posts.ts    | 106 +++++++++---------
 platforms/pictique/src/lib/stores/users.ts    |  58 +++++-----
 11 files changed, 189 insertions(+), 159 deletions(-)

diff --git a/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte b/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte
index c0dff182..4552b572 100644
--- a/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte
+++ b/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte
@@ -3,7 +3,7 @@
 	import { page } from '$app/state';
 	import { Camera, CommentsTwo, Home, Search } from '$lib/icons';
 	import { isNavigatingThroughNav, ownerId } from '$lib/store/store.svelte';
-    import { uploadedImages } from '$lib/store/store.svelte';
+	import { uploadedImages } from '$lib/store/store.svelte';
 	import { revokeImageUrls } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
 
@@ -22,7 +22,7 @@
 	let fullPath = $derived(page.url.pathname);
 
 	let imageInput: HTMLInputElement;
-    let images: FileList | null = $state(null);
+	let images: FileList | null = $state(null);
 
 	const handleNavClick = (newTab: string) => {
 		// activeTab = newTab;
@@ -34,9 +34,9 @@
 		previousTab = newTab;
 		if (newTab === 'profile') {
 			goto(`/profile/${ownerId}`);
-		} else if (newTab === "post") {
-            uploadedImages.value = null;
-            imageInput.value = "";
+		} else if (newTab === 'post') {
+			uploadedImages.value = null;
+			imageInput.value = '';
 			imageInput.click();
 		} else {
 			goto(`/${newTab}`);
@@ -45,22 +45,34 @@
 
 	$effect(() => {
 		activeTab = _activeTab.split('/').pop() ?? '';
-		if (images && images.length > 0 && activeTab !== 'post' && previousTab === 'post' && !_activeTab.includes('post/audience')) {
-            if (uploadedImages.value)
-			revokeImageUrls(uploadedImages.value);
-            uploadedImages.value = Array.from(images).map(file => ({
-                url: URL.createObjectURL(file),
-                alt: file.name
-            }));
+		if (
+			images &&
+			images.length > 0 &&
+			activeTab !== 'post' &&
+			previousTab === 'post' &&
+			!_activeTab.includes('post/audience')
+		) {
+			if (uploadedImages.value) revokeImageUrls(uploadedImages.value);
+			uploadedImages.value = Array.from(images).map((file) => ({
+				url: URL.createObjectURL(file),
+				alt: file.name
+			}));
 			images = null; // To prevent re-triggering the effect and thus making an infinite loop with /post route's effect when the length of uploadedImages goes to 0
-            if (uploadedImages.value.length > 0) {
-                goto("/post");
-            }
+			if (uploadedImages.value.length > 0) {
+				goto('/post');
+			}
 		}
 	});
 </script>
 
-<input type="file" accept="image/*" multiple bind:files={images} bind:this={imageInput} class="hidden" />
+<input
+	type="file"
+	accept="image/*"
+	multiple
+	bind:files={images}
+	bind:this={imageInput}
+	class="hidden"
+/>
 <!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
 <nav
 	aria-label="Main navigation"
diff --git a/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
index 3a5c62c7..51366482 100644
--- a/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
+++ b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
@@ -90,7 +90,9 @@
 		{/if}
 
 		<div class="flex items-center justify-between gap-2">
-			<label class="w-full cursor-pointer text-center rounded-full bg-gray-100 px-4 py-3 hover:bg-gray-200">
+			<label
+				class="w-full cursor-pointer rounded-full bg-gray-100 px-4 py-3 text-center hover:bg-gray-200"
+			>
 				<input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} />
 				Add Photo
 			</label>
diff --git a/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte b/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
index 14e80402..fad01660 100644
--- a/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
+++ b/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
@@ -26,7 +26,7 @@
 
 <label
 	for={uniqueId}
-	class="bg-grey text-black-400 font-geist rounded-4xl flex h-[158px] w-full items-center justify-center text-base font-normal"
+	class="bg-grey text-black-400 font-geist flex h-[158px] w-full items-center justify-center rounded-4xl text-base font-normal"
 >
 	{#if files}
 		<div class="flex flex-col items-center gap-2">
diff --git a/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
index 200bd0b7..62bf1000 100644
--- a/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
+++ b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
@@ -52,7 +52,7 @@
 	<!-- svelte-ignore a11y_click_events_have_key_events -->
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
-		class="bg-grey h-13 w-13 flex aspect-square items-center justify-center rounded-full"
+		class="bg-grey flex aspect-square h-13 w-13 items-center justify-center rounded-full"
 		onclick={handleSend}
 	>
 		<HugeiconsIcon size="24px" icon={SentIcon} color="var(--color-black-400)" />
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index 8241471e..5ea63c1c 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -3,7 +3,19 @@
 	import type { userProfile, PostData } from '$lib/types';
 	import Post from '../Post/Post.svelte';
 
-	let { variant = "user", profileData, handleSinglePost, handleFollow, handleMessage}: {variant: "user" | "other", profileData: userProfile,handleSinglePost: (post: PostData) => void, handleFollow: () => Promise<void>, handleMessage: () => Promise<void> } = $props();
+	let {
+		variant = 'user',
+		profileData,
+		handleSinglePost,
+		handleFollow,
+		handleMessage
+	}: {
+		variant: 'user' | 'other';
+		profileData: userProfile;
+		handleSinglePost: (post: PostData) => void;
+		handleFollow: () => Promise<void>;
+		handleMessage: () => Promise<void>;
+	} = $props();
 </script>
 
 <div class="flex flex-col gap-4 p-4">
@@ -44,7 +56,7 @@
 		{#each profileData.posts.filter((e) => e.imgUris && e.imgUris.length > 0) as post}
 			<li class="mb-6 list-none">
 				<Post
-					avatar={ profileData.avatarUrl || 'https://picsum.photos/200/200'}
+					avatar={profileData.avatarUrl || 'https://picsum.photos/200/200'}
 					username={profileData?.username}
 					imgUris={post.imgUris ?? []}
 					text={post.caption}
@@ -65,4 +77,4 @@
 			</li>
 		{/each}
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte b/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
index e3f22655..79f7a265 100644
--- a/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
+++ b/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { Cross } from '$lib/icons';
-    import type { Image } from '$lib/types';
+	import type { Image } from '$lib/types';
 	import { cn } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
 
-
 	interface IUploadedPostViewProps extends HTMLAttributes<HTMLElement> {
 		images: Image[];
 		width?: string;
@@ -23,12 +22,17 @@
 
 <article
 	{...restProps}
-	class={cn(['pl-0.5 pr-4 max-w-screen flex flex-row items-center gap-4 overflow-x-auto min-h-max', restProps.class].join(' '))}
+	class={cn(
+		[
+			'flex min-h-max max-w-screen flex-row items-center gap-4 overflow-x-auto pr-4 pl-0.5',
+			restProps.class
+		].join(' ')
+	)}
 >
 	{#each images as image, i}
-		<div class={cn(['group relative shrink-0 mt-3 mb-2'])}>
+		<div class={cn(['group relative mt-3 mb-2 shrink-0'])}>
 			<Cross
-				class="absolute right-0 top-0 hidden -translate-y-1/2 translate-x-1/2 cursor-pointer group-hover:block"
+				class="absolute top-0 right-0 hidden translate-x-1/2 -translate-y-1/2 cursor-pointer group-hover:block"
 				onclick={() => callback(i)}
 			/>
 			<img
diff --git a/platforms/pictique/src/lib/store/store.svelte.ts b/platforms/pictique/src/lib/store/store.svelte.ts
index 7a219adf..f2c1e026 100644
--- a/platforms/pictique/src/lib/store/store.svelte.ts
+++ b/platforms/pictique/src/lib/store/store.svelte.ts
@@ -1,25 +1,25 @@
-import type { Image, PostData } from "$lib/types";
+import type { Image, PostData } from '$lib/types';
 
 export const isNavigatingThroughNav = $state({
-    value: false,
+	value: false
 });
 
 export const showComments = $state({
-    value: false,
+	value: false
 });
 
 export const ownerId = $state({
-    value: "1",
+	value: '1'
 });
 
 export const selectedPost: { value: PostData | null } = $state({
-    value: null,
+	value: null
 });
 
 export const uploadedImages: { value: Image[] | null } = $state({
-    value: null,
+	value: null
 });
 
 export const audience: { value: string } = $state({
-    value: "Everyone",
+	value: 'Everyone'
 });
diff --git a/platforms/pictique/src/lib/stores/auth.ts b/platforms/pictique/src/lib/stores/auth.ts
index 0225c01d..9b68757b 100644
--- a/platforms/pictique/src/lib/stores/auth.ts
+++ b/platforms/pictique/src/lib/stores/auth.ts
@@ -4,21 +4,21 @@ import { apiClient, setAuthToken, removeAuthToken } from '$lib/utils/axios';
 export const isAuthenticated = writable(false);
 
 export const initializeAuth = () => {
-    const token = localStorage.getItem('pictique_auth_token');
-    if (token) {
-        apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
-        isAuthenticated.set(true);
-    }
+	const token = localStorage.getItem('pictique_auth_token');
+	if (token) {
+		apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+		isAuthenticated.set(true);
+	}
 };
 
 export const login = (token: string) => {
-    setAuthToken(token);
-    apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
-    isAuthenticated.set(true);
+	setAuthToken(token);
+	apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+	isAuthenticated.set(true);
 };
 
 export const logout = () => {
-    removeAuthToken();
-    delete apiClient.defaults.headers.common['Authorization'];
-    isAuthenticated.set(false);
-}; 
\ No newline at end of file
+	removeAuthToken();
+	delete apiClient.defaults.headers.common['Authorization'];
+	isAuthenticated.set(false);
+};
diff --git a/platforms/pictique/src/lib/stores/comments.ts b/platforms/pictique/src/lib/stores/comments.ts
index 36af8fe9..d1839bc9 100644
--- a/platforms/pictique/src/lib/stores/comments.ts
+++ b/platforms/pictique/src/lib/stores/comments.ts
@@ -2,15 +2,15 @@ import { writable } from 'svelte/store';
 import { apiClient } from '$lib/utils/axios';
 
 export interface Comment {
-    id: string;
-    text: string;
-    createdAt: string;
-    author: {
-        id: string;
-        handle: string;
-        name: string;
-        avatarUrl: string;
-    };
+	id: string;
+	text: string;
+	createdAt: string;
+	author: {
+		id: string;
+		handle: string;
+		name: string;
+		avatarUrl: string;
+	};
 }
 
 export const comments = writable<Comment[]>([]);
@@ -19,29 +19,29 @@ export const error = writable<string | null>(null);
 export const activePostId = writable<string | null>();
 
 export const fetchComments = async (postId: string) => {
-    try {
-        isLoading.set(true);
-        error.set(null);
-        const response = await apiClient.get(`/api/posts/${postId}/comments`);
-        comments.set(response.data);
-    } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to fetch comments');
-    } finally {
-        isLoading.set(false);
-    }
+	try {
+		isLoading.set(true);
+		error.set(null);
+		const response = await apiClient.get(`/api/posts/${postId}/comments`);
+		comments.set(response.data);
+	} catch (err) {
+		error.set(err instanceof Error ? err.message : 'Failed to fetch comments');
+	} finally {
+		isLoading.set(false);
+	}
 };
 
 export const createComment = async (postId: string, text: string) => {
-    try {
-        isLoading.set(true);
-        error.set(null);
-        const response = await apiClient.post('/api/comments', { postId, text });
-        await fetchComments(postId); // Refresh comments after creating
-        return response.data;
-    } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to create comment');
-        throw err;
-    } finally {
-        isLoading.set(false);
-    }
+	try {
+		isLoading.set(true);
+		error.set(null);
+		const response = await apiClient.post('/api/comments', { postId, text });
+		await fetchComments(postId); // Refresh comments after creating
+		return response.data;
+	} catch (err) {
+		error.set(err instanceof Error ? err.message : 'Failed to create comment');
+		throw err;
+	} finally {
+		isLoading.set(false);
+	}
 };
diff --git a/platforms/pictique/src/lib/stores/posts.ts b/platforms/pictique/src/lib/stores/posts.ts
index 5743f76a..e4352819 100644
--- a/platforms/pictique/src/lib/stores/posts.ts
+++ b/platforms/pictique/src/lib/stores/posts.ts
@@ -2,28 +2,28 @@ import { writable } from 'svelte/store';
 import { apiClient } from '$lib/utils/axios';
 
 export interface Post {
-    id: string;
-    text: string;
-    images: string[];
-    author: {
-        id: string;
-        handle: string;
-        name: string;
-        avatarUrl: string;
-    };
-    createdAt: string;
-    likedBy: string[];
-    comments: {
-        id: string;
-        text: string;
-        author: {
-            id: string;
-            handle: string;
-            name: string;
-            avatarUrl: string;
-        };
-        createdAt: string;
-    }[];
+	id: string;
+	text: string;
+	images: string[];
+	author: {
+		id: string;
+		handle: string;
+		name: string;
+		avatarUrl: string;
+	};
+	createdAt: string;
+	likedBy: string[];
+	comments: {
+		id: string;
+		text: string;
+		author: {
+			id: string;
+			handle: string;
+			name: string;
+			avatarUrl: string;
+		};
+		createdAt: string;
+	}[];
 }
 
 export const posts = writable<Post[]>([]);
@@ -35,41 +35,41 @@ export const openCreatePostModal = () => isCreatePostModalOpen.set(true);
 export const closeCreatePostModal = () => isCreatePostModalOpen.set(false);
 
 export const fetchFeed = async (page = 1, limit = 10) => {
-    try {
-        isLoading.set(true);
-        error.set(null);
-        const response = await apiClient.get(`/api/posts/feed?page=${page}&limit=${limit}`);
-        posts.set(response.data);
-    } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to fetch feed');
-    } finally {
-        isLoading.set(false);
-    }
+	try {
+		isLoading.set(true);
+		error.set(null);
+		const response = await apiClient.get(`/api/posts/feed?page=${page}&limit=${limit}`);
+		posts.set(response.data);
+	} catch (err) {
+		error.set(err instanceof Error ? err.message : 'Failed to fetch feed');
+	} finally {
+		isLoading.set(false);
+	}
 };
 
 export const createPost = async (text: string, images: string[]) => {
-    try {
-        isLoading.set(true);
-        error.set(null);
-        const response = await apiClient.post('/api/posts', {
-            text,
-            images: images.map((img) => img)
-        });
-        await fetchFeed(1);
-        return response.data;
-    } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to create post');
-        throw err;
-    } finally {
-        isLoading.set(false);
-    }
+	try {
+		isLoading.set(true);
+		error.set(null);
+		const response = await apiClient.post('/api/posts', {
+			text,
+			images: images.map((img) => img)
+		});
+		await fetchFeed(1);
+		return response.data;
+	} catch (err) {
+		error.set(err instanceof Error ? err.message : 'Failed to create post');
+		throw err;
+	} finally {
+		isLoading.set(false);
+	}
 };
 
 export const toggleLike = async (postId: string) => {
-    try {
-        const response = await apiClient.post(`/api/posts/${postId}/like`);
-        return response.data;
-    } catch (err) {
-        throw new Error(err instanceof Error ? err.message : 'Failed to toggle like');
-    }
+	try {
+		const response = await apiClient.post(`/api/posts/${postId}/like`);
+		return response.data;
+	} catch (err) {
+		throw new Error(err instanceof Error ? err.message : 'Failed to toggle like');
+	}
 };
diff --git a/platforms/pictique/src/lib/stores/users.ts b/platforms/pictique/src/lib/stores/users.ts
index bad67bee..5ca291ca 100644
--- a/platforms/pictique/src/lib/stores/users.ts
+++ b/platforms/pictique/src/lib/stores/users.ts
@@ -2,12 +2,12 @@ import { writable } from 'svelte/store';
 import { apiClient } from '$lib/utils/axios';
 
 export interface User {
-    id: string;
-    handle: string;
-    name: string;
-    description: string;
-    avatarUrl: string;
-    isVerified: boolean;
+	id: string;
+	handle: string;
+	name: string;
+	description: string;
+	avatarUrl: string;
+	isVerified: boolean;
 }
 
 export const searchResults = writable<User[]>([]);
@@ -15,30 +15,30 @@ export const isSearching = writable(false);
 export const searchError = writable<string | null>(null);
 
 export const searchUsers = async (query: string) => {
-    if (!query.trim()) {
-        searchResults.set([]);
-        return;
-    }
+	if (!query.trim()) {
+		searchResults.set([]);
+		return;
+	}
 
-    try {
-        isSearching.set(true);
-        searchError.set(null);
-        const response = await apiClient.get(`/api/users/search?q=${encodeURIComponent(query)}`);
-        searchResults.set(response.data);
-    } catch (err) {
-        searchError.set(err instanceof Error ? err.message : 'Failed to search users');
-        searchResults.set([]);
-    } finally {
-        isSearching.set(false);
-    }
+	try {
+		isSearching.set(true);
+		searchError.set(null);
+		const response = await apiClient.get(`/api/users/search?q=${encodeURIComponent(query)}`);
+		searchResults.set(response.data);
+	} catch (err) {
+		searchError.set(err instanceof Error ? err.message : 'Failed to search users');
+		searchResults.set([]);
+	} finally {
+		isSearching.set(false);
+	}
 };
 
 export const followUser = async (followingId: string) => {
-    try {
-        await apiClient.post('/api/users/follow', { followingId });
-        return true;
-    } catch (err) {
-        console.error('Failed to follow user:', err);
-        return false;
-    }
-}; 
\ No newline at end of file
+	try {
+		await apiClient.post('/api/users/follow', { followingId });
+		return true;
+	} catch (err) {
+		console.error('Failed to follow user:', err);
+		return false;
+	}
+};