fix: remove ambiguous characters from login code

frontend/src/app.css

@@ -140,7 +140,6 @@
 
 	/* Font */
 	--font-playfair: 'Playfair Display', serif;
-	--font-code: 'Google Sans', sans-serif;
 }
 
 @layer base {
@@ -176,11 +175,6 @@
 		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

@@ -112,7 +112,7 @@
 		{:else}
 			<div class="flex flex-col items-center gap-2">
 				<CopyToClipboard value={code!}>
-					<p class="text-3xl font-code">{code}</p>
+					<p class="text-3xl font-bold">{code}</p>
 				</CopyToClipboard>
 
 				<div class="flex items-center justify-center gap-3 my-2 text-muted-foreground">
@@ -124,12 +124,12 @@
 				<Qrcode
 					class="mb-2"
 					value={oneTimeLink}
-					size={180}
+					size={150}
 					color={mode.current === 'dark' ? '#FFFFFF' : '#000000'}
 					backgroundColor={mode.current === 'dark' ? '#000000' : '#FFFFFF'}
 				/>
 				<CopyToClipboard value={oneTimeLink!}>
-					<p data-testId="login-code-link">{oneTimeLink!}</p>
+					<p data-testId="login-code-link" class="text-sm">{oneTimeLink!}</p>
 				</CopyToClipboard>
 			</div>
 		{/if}

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

@@ -51,7 +51,7 @@
 
 		<div class="flex flex-col items-center gap-2">
 			<CopyToClipboard value={code!}>
-				<p class="text-3xl font-code">{code}</p>
+				<p class="text-3xl font-bold">{code}</p>
 			</CopyToClipboard>
 			<div class="flex items-center justify-center gap-3 my-2 text-muted-foreground">
 				<Separator />
@@ -62,12 +62,12 @@
 			<Qrcode
 				class="mb-2"
 				value={loginCodeLink}
-				size={180}
+				size={150}
 				color={mode.current === 'dark' ? '#FFFFFF' : '#000000'}
 				backgroundColor={mode.current === 'dark' ? '#000000' : '#FFFFFF'}
 			/>
 			<CopyToClipboard value={loginCodeLink!}>
-				<p data-testId="login-code-link">{loginCodeLink!}</p>
+				<p class="text-sm" data-testId="login-code-link">{loginCodeLink!}</p>
 			</CopyToClipboard>
 		</div>
 	</Dialog.Content>