initial commit

frontend/src/components/Layout.tsx

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react'
+import Navbar from './Navbar'
+
+interface LayoutProps {
+  children: ReactNode
+}
+
+export default function Layout({ children }: LayoutProps) {
+  return (
+    <div className="flex min-h-screen flex-col">
+      <Navbar />
+      <main className="flex-1">
+        <div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+          {children}
+        </div>
+      </main>
+      <footer className="border-t border-gray-200 bg-white py-6">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <p className="text-center text-sm text-gray-500">
+            &copy; {new Date().getFullYear()} Keycloak Auth App. All rights
+            reserved.
+          </p>
+        </div>
+      </footer>
+    </div>
+  )
+}