Prettier Linting

src/routes/+layout.svelte

@@ -5,7 +5,7 @@
 	import Header from './Header.svelte';
 	import { socketStore } from '$lib/stores/socketStore';
 	import { beforeNavigate } from '$app/navigation';
-	import Footer from "./Footer.svelte";
+	import Footer from './Footer.svelte';
 
 	$effect(() => {
 		beforeNavigate((navigation) => {
@@ -22,7 +22,7 @@
 
 <Header />
 
-<div class="h-full pt-16 pb-8">
+<div class="h-full pb-8 pt-16">
 	<slot />
 </div>
 

src/routes/+page.svelte

@@ -9,8 +9,10 @@
 	<meta name="description" content="Landing Page for neshweb.net" />
 </svelte:head>
 
-<div class="flex max-h-full flex-row flex-wrap justify-center justify-around gap-4 overflow-auto p-8">
+<div
-	<div class="flex flex-1 flex-col w-[22rem] items-center">
+	class="flex max-h-full flex-row flex-wrap justify-center justify-around gap-4 overflow-auto p-8"
+>
+	<div class="flex w-[22rem] flex-1 flex-col items-center">
 		<div class="flex flex-col gap-y-2 rounded-xl border bg-black/55 p-4 backdrop-blur-sm">
 			<h1 class="text-center text-2xl">Home Page</h1>
 			<p>

src/routes/Footer.svelte

@@ -2,12 +2,14 @@
 	import { version } from '$app/environment';
 </script>
 
-<div class="absolute bottom-0 flex z-50 h-8 w-full flex-row items-center  gap-3 border-t bg-black/40 backdrop-blur-sm">
+<div
+	class="absolute bottom-0 z-50 flex h-8 w-full flex-row items-center gap-3 border-t bg-black/40 backdrop-blur-sm"
+>
 	<p class="px-4">
 		Version:
 		<a
 			href="https://forgejo.neshweb.net/Neshweb-Sites/main-site/releases/tag/{version}"
-            class="hover:underline text-secondary"
+			class="text-secondary hover:underline"
 		>
 			{version}
 		</a>

src/routes/Header.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <ul
-	class="absolute z-50 flex h-16 w-full flex-row overflow-x-auto items-center gap-3 border-b bg-black/40 backdrop-blur-sm"
+	class="absolute z-50 flex h-16 w-full flex-row items-center gap-3 overflow-x-auto border-b bg-black/40 backdrop-blur-sm"
 >
 	<li class="ml-auto">
 		<Button