fix: update font imports in layout components for consistency

apps/landing/src/app/(auth)/layout.tsx

@@ -1,10 +1,17 @@
+import { baiJamjureeFont } from '@/lib/fonts';
 import { Card } from '@components';
+import { cn } from '@utils';
 import { ReactNode } from 'react';
 import { AnimatedBackground } from './_components/animated-background';
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <div className="bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4">
+    <div
+      className={cn(
+        baiJamjureeFont.className,
+        'bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4'
+      )}
+    >
       <AnimatedBackground />
       <div className="z-10 w-full">
         <Card className="bg-background/90 mx-auto w-full max-w-[360px] p-6 shadow-xl backdrop-blur-lg sm:max-w-md sm:p-8">