feat: login code font change (#851)

Co-authored-by: James18232 <80368042+James18232@users.noreply.github.com>
Co-authored-by: Elias Schneider <login@eliasschneider.com>

frontend/src/app.css

@@ -132,6 +132,7 @@
 
 	/* Font */
 	--font-playfair: 'Playfair Display', serif;
+	--font-code: 'Google Sans', sans-serif;
 }
 
 @layer base {
@@ -167,6 +168,11 @@
 		font-weight: 700;
 		src: url('/fonts/PlayfairDisplay-Bold.woff') format('woff');
 	}
+	@font-face {
+		font-family: 'Google Sans';
+		font-weight: 600;
+		src: url('/fonts/GoogleSansCode-SemiBold.ttf') format('truetype');
+	}
 }
 
 @keyframes accordion-down {

frontend/src/lib/components/one-time-link-modal.svelte

@@ -108,7 +108,7 @@
 		{:else}
 			<div class="flex flex-col items-center gap-2">
 				<CopyToClipboard value={code!}>
-					<p class="text-3xl font-semibold">{code}</p>
+					<p class="text-3xl font-code">{code}</p>
 				</CopyToClipboard>
 
 				<div class="text-muted-foreground my-2 flex items-center justify-center gap-3">

frontend/src/routes/settings/account/login-code-modal.svelte

@@ -52,7 +52,7 @@
 
 		<div class="flex flex-col items-center gap-2">
 			<CopyToClipboard value={code!}>
-				<p class="text-3xl font-semibold">{code}</p>
+				<p class="text-3xl font-code">{code}</p>
 			</CopyToClipboard>
 			<div class="text-muted-foreground my-2 flex items-center justify-center gap-3">
 				<Separator />