Remove old styles

frontend/src/lib/components/Tabs.svelte

@@ -12,7 +12,6 @@
 	let component = InfoTab;
 	onMount(() => {
 		const gbcr = ref.getBoundingClientRect();
-		console.log(gbcr);
 		ref.style.height = `${gbcr.height}px`;
 	});
 

frontend/src/routes/+page.svelte

@@ -1,10 +1,22 @@
 <script lang="ts">
 	import Path from '$lib/components/Path.svelte';
 	import Splash from '$lib/components/Splash.svelte';
+	import { onNavigate } from '$app/navigation';
 
 	export let data;
 	let categories = data.categories;
 
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
+
 </script>
 
 <Splash />
@@ -32,6 +44,7 @@
 		font-size: 22px;
 	}
 	#welcome-message {
+		padding-top: 20px;
 		font-size: 18px;
 		display: grid;
 		width: 100%;

frontend/src/routes/paths/[slug]/+page.svelte

@@ -32,7 +32,6 @@
 		justify-content: center;
 		gap: 15px;
 		padding-top: 10px;
-		margin-top: 70px;
 		overflow-y: scroll;
 	}
 </style>