better navbar

src/routes/instances/+page.server.ts

@@ -4,7 +4,7 @@ import type { PageServerLoad } from "./$types";
 export const load = (() => {
 	const meta = {
 		title: "Instances"
-	}
+	};
 
 	return { instances, ...meta };
-}) satisfies PageServerLoad;
+}) satisfies PageServerLoad;

src/routes/instances/+page.svelte

@@ -6,7 +6,12 @@
 
 <div class="h1-no-lg flex flex-col sm:(flex-row items-center) gap-4 !mb-0">
 	<span class="text-4xl font-bold">{data.title}</span>
-	<a href="/instances/advanced" class="button sm:w-fit"><div class="i-ic:outline-computer" /> Advanced</a>
+	<a
+		href="/instances/advanced"
+		class="button sm:w-fit"
+		><div class="i-ic:outline-computer" />
+		 Advanced</a
+	>
 </div>
 
 <div class="flex flex-col">
@@ -15,9 +20,16 @@
 			<h2>{category.name}</h2>
 			<div class="flex flex-row flex-wrap gap-4">
 				{#each category.data as instance}
-					<a href={instance.geo || instance.eu} class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text">
+					<a
+						href={instance.geo || instance.eu}
+						class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text"
+					>
 						{#if instance.icon}
-							<img src={instance.icon} alt="{instance.name} logo" class="h-20 rounded">
+							<img
+								src={instance.icon}
+								alt="{instance.name} logo"
+								class="h-20 rounded"
+							/>
 						{/if}
 						<div>
 							<span class="text-2xl">{instance.name}</span>
@@ -27,5 +39,5 @@
 				{/each}
 			</div>
 		</div>
-	{/each}	
+	{/each}
 </div>

src/routes/instances/advanced/+page.server.ts

@@ -4,7 +4,7 @@ import type { PageServerLoad } from "./$types";
 export const load = (() => {
 	const meta = {
 		title: "Instances"
-	}
+	};
 
 	return { instances, ...meta };
-}) satisfies PageServerLoad;
+}) satisfies PageServerLoad;

src/routes/instances/advanced/+page.svelte

@@ -6,7 +6,12 @@
 
 <div class="h1-no-lg flex flex-col sm:(flex-row items-center) gap-4 !mb-0">
 	<span class="text-4xl font-bold">{data.title}</span>
-	<a href="/instances" class="button sm:w-fit"><div class="i-ic:outline-computer" /> Simple</a>
+	<a
+		href="/instances"
+		class="button sm:w-fit"
+		><div class="i-ic:outline-computer" />
+		 Simple</a
+	>
 </div>
 
 <div class="flex flex-col">
@@ -40,5 +45,5 @@
 				{/if}
 			</div>
 		{/each}
-	{/each}	
+	{/each}
 </div>

src/routes/instances/instances.ts

@@ -205,4 +205,4 @@ const instances: Instances[] = [
 	}
 ];
 
-export default instances;
+export default instances;