fix: layout scroll

Author: grv-saini-20

platforms/metagram/src/routes/(protected)/+layout.svelte

@@ -87,7 +87,7 @@
 			if (paneModal) paneModal.present({ animate: true });
 		}}
 	/>
-	<section class="hide-scrollbar h-[100dvh] overflow-y-auto px-4 pb-16 md:px-8 md:pt-8">
+	<section class="h-[100dvh] md:px-8 md:pt-8">
 		{#if route === '/profile/post'}
 			<button
 				class="my-4 cursor-pointer rounded-full bg-white/60 p-2 hover:bg-gray-100"
@@ -111,7 +111,9 @@
 				]}
 			/>
 		{/if}
-		{@render children()}
+		<section class="hide-scrollbar h-[100%] overflow-y-auto pb-35">
+			{@render children()}
+		</section>
 	</section>
 	{#if route === '/home' || route === '/messages'}
 		<aside

platforms/metagram/src/routes/(protected)/messages/[id]/+page.svelte

@@ -4,7 +4,7 @@
 	let messageValue = $state('');
 </script>
 
-<section class="chat relative px-0">
+<section class="relative px-0">
 	{#each { length: 12 } as _}
 		<ChatMessage
 			isOwn={true}
@@ -54,7 +54,7 @@
 	{/each}
 
 	<MessageInput
-		class="sticky start-0 bottom-[-15px] w-full"
+		class="sticky start-0 bottom-[-30px] w-full"
 		variant="dm"
 		src="https://picsum.photos/id/237/200/300"
 		bind:value={messageValue}