implement authentik auth

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { Geist } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "next-themes";
 import { ModeToggle } from "@/components/mode-toggle";
+import SignIn from "./components/sign-in";
 
 const geist = Geist({ subsets: ['latin', 'cyrillic'], variable: "--font-geist-sans" })
 
@@ -30,7 +31,10 @@ export default function RootLayout({
         >
           <header className="dark:text-white text-gray-900 px-4 py-3 font-bold shadow flex justify-between items-center-safe">
             {metadata.title as string || "iCal PWA"}
-            <ModeToggle />
+            <div className="flex flex-row gap-2">
+              <SignIn />
+              <ModeToggle />
+            </div>
           </header>
           <main className="flex-1 p-4">{children}</main>
         </ThemeProvider>