feat: added memory cleanup.

Author: Sahil2004

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

@@ -4,6 +4,7 @@
 	import { Camera, CommentsTwo, Home, Search } from '$lib/icons';
 	import { isNavigatingThroughNav, ownerId } from '$lib/store/store.svelte';
     import { uploadedImages } from '$lib/store/store.svelte';
+	import { revokeImageUrls } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	interface IBottomNavProps extends HTMLAttributes<HTMLElement> {
@@ -45,6 +46,8 @@
 	$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

platforms/metagram/src/lib/utils/memoryHelper.ts

@@ -1,5 +1,5 @@
 import type { Image } from "$lib/types";
 
-export const revokeImageUrls = (imageArray: Image) => {
+export const revokeImageUrls = (imageArray: Image[]) => {
     imageArray?.forEach((img) => URL.revokeObjectURL(img.url));
 };

platforms/metagram/src/routes/(protected)/post/+page.svelte

@@ -3,6 +3,7 @@
 	import { SettingsTile, UploadedPostView } from '$lib/fragments';
 	import { audience, uploadedImages } from '$lib/store/store.svelte';
 	import { Button, Textarea } from '$lib/ui';
+	import { revokeImageUrls } from '$lib/utils';
 
 	let caption: string = $state('');
 
@@ -20,7 +21,10 @@
 		height="h-40"
 		callback={(i: number) => {
 			if (uploadedImages.value)
-				uploadedImages.value = uploadedImages.value.filter((_, index) => index !== i);
+				uploadedImages.value = uploadedImages.value.filter((img, index) => {
+                    revokeImageUrls([img]);
+                    return index !== i
+                });
 		}}
 	/>