fix: Improve semantics and fine tune responsive layout parameters

src/routes/+layout.svelte

@@ -25,6 +25,7 @@
 	import { events as themeEvents } from '$util/themeEvents';
 
 	import { RV_GOOGLE_TAG_MANAGER_ID } from '$env/static/public';
+	import FooterHost from '$layout/Footer/FooterHost.svelte';
 
 	const queryClient = new QueryClient({
 		defaultOptions: {
@@ -108,21 +109,19 @@
 	</noscript>
 {/if}
 
+<Dialogue bind:modalOpen={showConsentModal} notDismissible>
+	<svelte:fragment slot="title">It's your choice</svelte:fragment>
+	<svelte:fragment slot="description">
+		We use analytics to improve your experience on this site. By clicking "Allow", you allow us to
+		collect anonymous data about your visit.
+	</svelte:fragment>
+	<svelte:fragment slot="buttons">
+		<Button type="text" on:click={() => rememberChoice(false)}>Deny</Button>
+		<Button type="filled" on:click={() => rememberChoice(true)}>Allow</Button>
+	</svelte:fragment>
+</Dialogue>
 <QueryClientProvider client={queryClient}>
 	<NavHost />
-
-	<Dialogue bind:modalOpen={showConsentModal} notDismissible>
-		<svelte:fragment slot="title">It's your choice</svelte:fragment>
-		<svelte:fragment slot="description">
-			We use analytics to improve your experience on this site. By clicking "Allow", you allow us to
-			collect anonymous data about your visit.
-		</svelte:fragment>
-		<svelte:fragment slot="buttons">
-			<Button type="text" on:click={() => rememberChoice(false)}>Deny</Button>
-			<Button type="filled" on:click={() => rememberChoice(true)}>Allow</Button>
-		</svelte:fragment>
-	</Dialogue>
-
 	<div id="skiptab">
 		{#if $show_loading_animation}
 			<Spinner />
@@ -130,5 +129,5 @@
 			<slot />
 		{/if}
 	</div>
-	<!-- <Footer> -->
+	<FooterHost />
 </QueryClientProvider>

src/routes/+page.svelte

@@ -1,7 +1,6 @@
 <script>
 	import HeroImage from '$layout/Hero/HeroImage.svelte';
 	import Home from '$layout/Hero/HeroSection.svelte';
-	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Head from '$lib/components/Head.svelte';
 	import Wave from '$lib/components/Wave.svelte';
 	import { onMount } from 'svelte';
@@ -145,19 +144,19 @@
 	</div>
 </main>
 <Wave visibility={bottomVisibility} />
-<Footer />
 
 <style lang="scss">
 	.content {
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: space-evenly;
-		width: min(87%, 100rem);
+		width: min(87%, 80rem);
+		gap: 1rem;
 	}
 	main {
 		overflow: hidden;
 		padding: 5rem 0;
-		height: max(100vh, 600px);
+		min-height: max(100vh, 600px);
 		display: flex;
 		flex-direction: column;
 		align-items: center;
@@ -172,4 +171,10 @@
 			display: none;
 		}
 	}
+
+	@media screen and (max-width: 335px) {
+		main {
+			padding: 2rem 0 !important;
+		}
+	}
 </style>

src/routes/contributors/+page.svelte

@@ -3,7 +3,6 @@
 	import { quintOut } from 'svelte/easing';
 
 	import ContributorHost from './ContributorSection.svelte';
-	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Head from '$lib/components/Head.svelte';
 	import Query from '$lib/components/Query.svelte';
 
@@ -62,8 +61,6 @@
 	</div>
 </main>
 
-<Footer />
-
 <style>
 	.repos {
 		display: flex;

src/routes/donate/+page.svelte

@@ -6,7 +6,6 @@
 	import { createQuery } from '@tanstack/svelte-query';
 
 	import Head from '$lib/components/Head.svelte';
-	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Snackbar from '$lib/components/Snackbar.svelte';
 	import Query from '$lib/components/Query.svelte';
@@ -205,8 +204,6 @@
 	<svelte:fragment slot="text">Address copied to clipboard</svelte:fragment>
 </Snackbar>
 
-<Footer />
-
 <style lang="scss">
 	main {
 		display: flex;

src/routes/download/+page.svelte

@@ -12,7 +12,6 @@
 	import Head from '$lib/components/Head.svelte';
 	import Query from '$lib/components/Query.svelte';
 	import Button from '$lib/components/Button.svelte';
-	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Picture from '$lib/components/Picture.svelte';
 	import Dialogue from '$lib/components/Dialogue.svelte';
 	import { onMount } from 'svelte';
@@ -85,7 +84,7 @@
 	</svelte:fragment>
 </Dialogue>
 
-<div class="wrapper center" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
+<main class="wrapper center" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
 	<h2>ReVanced <span>Manager</span></h2>
 	<p>Patch your favourite apps, right on your device.</p>
 	<div class="buttons">
@@ -112,9 +111,7 @@
 	<div class="screenshot">
 		<Picture data={manager_screenshot} alt="Manager Screenshot" />
 	</div>
-</div>
-
-<Footer />
+</main>
 
 <style>
 	.center {

src/routes/patches/+page.svelte

@@ -14,7 +14,6 @@
 	import PackageMenu from './PackageMenu.svelte';
 	import Package from './Package.svelte';
 	import PatchItem from './PatchItem.svelte';
-	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Search from '$lib/components/Search.svelte';
 	import FilterChip from '$lib/components/FilterChip.svelte';
 	import Dialogue from '$lib/components/Dialogue.svelte';
@@ -195,7 +194,6 @@
 		</div>
 	</Query>
 </main>
-<Footer />
 
 <style>
 	main {