fix: overflow and drawer swipe

Author: grv-saini-20

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

@@ -9,7 +9,6 @@
 	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 		drawer?: CupertinoPane;
 		children?: Snippet;
-		handleSwipe?: (isOpen: boolean | undefined) => void;
 	}
 
 	let {
@@ -27,7 +26,6 @@
 
 	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 		if (event.detail.direction === ('down' as string)) {
-			handleSwipe?.(false);
 			drawer?.destroy({ animate: true });
 		}
 	};

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

@@ -82,15 +82,15 @@
 			</button>
 		</div>
 		<div class="flex items-center justify-between gap-3 text-lg text-black/40">
-			<p>{count.likes} likes</p>
+			<p class="subtext text-black-400">{count.likes} likes</p>
 			<HugeiconsIcon
 				icon={RecordIcon}
 				size={5}
 				strokeWidth={30}
 				color="var(--color-black-400)"
 				className="rounded-full"
 			/>
-			<p>{count.comments} comments</p>
+			<p class="subtext text-black-400">{count.comments} comments</p>
 		</div>
 	</div>
 </article>

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

@@ -60,7 +60,7 @@
 	});
 </script>
 
-<ul bind:this={listElement} class="hide-scrollbar h-[600px] overflow-auto">
+<ul bind:this={listElement} class="hide-scrollbar h-[100vh] overflow-auto">
 	{#each visiblePosts as post}
 		<li class="mb-6">
 			<Post

platforms/metagram/src/routes/+layout.svelte

@@ -36,6 +36,6 @@
 	});
 </script>
 
-<main class="h-[100dvh] px-4 md:px-0">
+<main class="h-[100dvh] overflow-hidden px-4 md:px-0">
 	{@render children()}
 </main>