fix: improved type saftey

Author: Sahil2004

platforms/metagram/src/lib/fragments/UploadedPostView/UploadedPostView.svelte

@@ -1,15 +1,12 @@
 <script lang="ts">
 	import { Cross } from '$lib/icons';
+    import type { Image } from '$lib/types';
 	import { cn } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
 
-	interface IImage {
-		url: string;
-		alt: string;
-	}
 
 	interface IUploadedPostViewProps extends HTMLAttributes<HTMLElement> {
-		images: IImage[];
+		images: Image[];
 		width?: string;
 		height?: string;
 		callback: (i: number) => void;

platforms/metagram/src/lib/store/store.svelte.ts

@@ -1,4 +1,4 @@
-import type { PostData } from "$lib/types";
+import type { Image, PostData } from "$lib/types";
 
 export const isNavigatingThroughNav = $state({
     value: false,
@@ -16,10 +16,9 @@ export const selectedPost: { value: PostData | null } = $state({
     value: null,
 });
 
-export const uploadedImages: { value: { url: string; alt: string }[] | null } =
-    $state({
-        value: null,
-    });
+export const uploadedImages: { value: Image[] | null } = $state({
+    value: null,
+});
 
 export const audience: { value: string } = $state({
     value: "Everyone",

platforms/metagram/src/lib/types.ts

@@ -1,43 +1,48 @@
-import type { SVGAttributes } from 'svelte/elements';
+import type { SVGAttributes } from "svelte/elements";
 
 export interface ISvgProps extends SVGAttributes<SVGElement> {
-	size?: number | string;
-	color?: string;
+    size?: number | string;
+    color?: string;
 }
 
 export type CommentType = {
-	commentId: string;
-	name: string;
-	userImgSrc: string;
-	comment: string;
-	isUpVoted: boolean;
-	isDownVoted: boolean;
-	upVotes: number;
-	time: string;
-	replies: CommentType[];
+    commentId: string;
+    name: string;
+    userImgSrc: string;
+    comment: string;
+    isUpVoted: boolean;
+    isDownVoted: boolean;
+    upVotes: number;
+    time: string;
+    replies: CommentType[];
 };
 
 export type PostData = {
-	id: string;
-	avatar: string;
-	userId: string;
-	username: string;
-	imgUris: string[];
-	caption: string;
-	time: string;
-	count: {
-		likes: number;
-		comments: number;
-	};
+    id: string;
+    avatar: string;
+    userId: string;
+    username: string;
+    imgUris: string[];
+    caption: string;
+    time: string;
+    count: {
+        likes: number;
+        comments: number;
+    };
 };
 
 export type userProfile = {
-	userId: string;
-	username: string;
-	avatar: string;
-	totalPosts: number;
-	followers: number;
-	following: number;
-	userBio: string;
-	posts: PostData[];
+    userId: string;
+    username: string;
+    avatar: string;
+    totalPosts: number;
+    followers: number;
+    following: number;
+    userBio: string;
+    posts: PostData[];
+};
+
+export type Image = {
+    url: string;
+    alt: string;
 };