update logo font

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Geist } from "next/font/google";
+import { Geist, Magra } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "next-themes";
 import { ModeToggle } from "@/components/mode-toggle";
@@ -9,6 +9,8 @@ import Link from "next/link"
 
 const geist = Geist({ subsets: ['latin', 'cyrillic'], variable: "--font-geist-sans" })
 
+const magra = Magra({ subsets: ["latin"], weight: "400", variable: "--font-cascadia-code" })
+
 export const metadata: Metadata = {
   title: 'Local iCal',
   description: 'Local iCal editor for calendar events',
@@ -34,7 +36,9 @@ export default function RootLayout({
           >
             <header className="dark:text-white text-gray-900 px-4 py-3 font-bold flex justify-between items-center-safe">
               <Link href={"/"}>
-                {metadata.title as string || "iCal PWA"}
+                <p className={`${magra.variable}`}>
+                  {metadata.title as string || "iCal PWA"}
+                </p>
               </Link>
               <div className="flex flex-row gap-2">
                 <SignIn />