feat:feed little changes on homepage

src/components/Feed.svelte

@@ -133,9 +133,9 @@
 	});
 </script>
 
-<main class="flex flex-wrap justify-around">
+<main class="flex flex-col items-center md:flex-row md:flex-wrap md:items-center md:justify-around">
 	{#if loginToken !== ''}
-		<div class="py-4">
+		<div class="w-full">
 			<RadioGroup active="variant-filled-primary" hover="hover:variant-soft-primary">
 				<RadioItem bind:group={value} name="justify" value={0} on:change={onChange}
 					>{$t('feed.personalFeed')}</RadioItem
@@ -147,10 +147,10 @@
 		</div>
 	{/if}
 	{#each posts as postData (postData.postId)}
-		<Post {postData} />
+            <Post {postData} />
 	{/each}
 	{#if maxPostCounter % slotLimit == 0 && hasMorePosts}
-		<button on:click={loadMorePosts} class="btn variant-filled">{$t('profile.loadMore')}</button>
+		<button on:click={loadMorePosts} class="btn variant-filled w-full md:w-auto">{$t('profile.loadMore')}</button>
 	{/if}
 	<Toast />
 </main>

src/components/layout/Footer.svelte

@@ -5,7 +5,7 @@
 
 <AppBar>
 	<svelte:fragment slot="lead">
-		<Icon class="w-10 h-10" icon="game-icons:kiwi-bird" style="font-size: 32px" />
+		<img class="w-10 h-10" src="/Schnatter_Logo.webp" alt="Schnatter Logo" style="font-size: 32px" />
 	</svelte:fragment>
 
 	<svelte:fragment slot="trail">

src/routes/+page.svelte

@@ -7,19 +7,18 @@
 	const loginToken = get(token);
 </script>
 
-<main class="">
-	<div class="grid grid-cols-6 grid-flow-col gap-4 grid-end-auto">
-		<div class="col-span-1"></div>
-		<div class="col-span-4 pt8">
-			<Feed />
-		</div>
-		<div class="grid grid-rows-6 grid-flow-col gap-4">
+<main class="p-2">
+	<div class="grid grid-cols-1 md:grid-cols-6 gap-2 grid-end-auto">
+		<div >
 			{#if loginToken == ''}
-				<div class="row-start-1">
-					<Login />
-				</div>
+				<Login />
 			{/if}
-			<div class="row-span-5"></div>
 		</div>
+
+		<div class="col-start-1 md:col-start-2 col-span-4">
+			<Feed />
+		</div>
+
+
 	</div>
 </main>