struktur der webseiten-js angepasst. filament aktualisiert.

resources/js/layouts/app/AppLayout.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { usePage } from '@inertiajs/react';
+import Header from './Header';
+import Footer from './Footer';
+
+interface AppLayoutProps {
+  children: React.ReactNode;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+
+const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
+  const { auth } = usePage().props;
+
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      {header || <Header />}
+      <main>{children}</main>
+      {footer || <Footer />}
+    </div>
+  );
+};
+
+export default AppLayout;