Fix title.svelte

src/lib/components/extra/Title.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
-    const {size}: {size: string} = $props();
+	import { cn } from "$lib/utils";
+	import type { ClassValue } from 'svelte/elements';
+
+	const props: { class: ClassValue } = $props();
 </script>
-<div class="text-{size || "2xl"} bg-clip-text text-transparent bg-linear-to-r from-amber-500 to-orange-500">
+<div class={cn(props.class, "bg-clip-text text-transparent bg-linear-to-r from-amber-500 to-orange-500")}>
     chat.sad.ovh
 </div>

src/routes/+page.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div class="p-6 md:w-1/2">
-    <Title size="5xl"></Title>
+    <Title class="text-5xl"></Title>
     <div class="pb-2">A extremely simple chatting application. Supports mobile devices (as a PWA), and also works on almost every single screen size (responsive design!)</div>
 
     <div class="pb-2">

src/routes/login/+page.svelte

@@ -10,7 +10,7 @@
 <div class="flex min-h-screen flex-col items-center justify-center gap-2">
     <div class='w-1/2 p-2 bg-secondary rounded-md '>
         <div class="text-center pb-2">
-            <Title size="2xl"></Title>
+            <Title class="text-2xl"></Title>
         </div>
         <form method="post" action="?/login">
             <Input name="username" class="mb-2" type="text" placeholder="Username or E-mail"></Input>

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

@@ -58,7 +58,7 @@ export const actions: Actions = {
 			const sessionToken = auth.generateSessionToken();
 			const session = await auth.createSession(sessionToken, userId);
 			auth.setSessionTokenCookie(event, sessionToken, session.expiresAt);
-		} catch(e) {
+		} catch {
 			return fail(500, { message: 'An error has occurred' });
 		}
 		return redirect(302, '/app');