feat: migrations

client/src/lib/ui/Avatar.svelte

@@ -5,7 +5,7 @@
 
 <Avatar.Root class="flex h-full w-full items-center justify-center">
 	<Avatar.Image
-		src={userState.user?.profilePictureId ? "/file/" + userState.user.profilePictureId : null}
+		src={userState.user?.profilePictureId ? '/file/' + userState.user.profilePictureId : null}
 		alt={`${userState.user?.username}'s avatar`}
 		class="rounded-full"
 	/>

client/src/lib/ui/Button.svelte

@@ -3,7 +3,7 @@
 	import { cn } from '$lib/utils';
 	import type { Snippet } from 'svelte';
 
-	type me = MouseEvent & { currentTarget: EventTarget & HTMLButtonElement; }
+	type me = MouseEvent & { currentTarget: EventTarget & HTMLButtonElement };
 
 	let {
 		className,

client/src/lib/ui/Pagination.svelte

@@ -21,7 +21,7 @@
 
 	let page: number = $state(1);
 
-	onMount(async() => {
+	onMount(async () => {
 		await tick();
 		replaceState('', `${page}`);
 	});