legal sachen, profil löschen etc

src/App.jsx

@@ -18,6 +18,11 @@ import CompanyPage from "./pages/Company/CompanyPage.jsx";
 import EditCompanyPage from "./pages/Company/EditCompanyPage.jsx";
 import CalenderPostPage from "./pages/Calender/CalenderPostPage.jsx";
 import ProfilePage from "./pages/Auth/ProfilePage.jsx";
+import UnauthorizedPage from "./pages/Auth/UnauthorizedPage.jsx";
+import DatenschutzPage from "./pages/Legal/DatenschutzPage.jsx";
+import ImpressumPage from "./pages/Legal/ImpressumPage.jsx";
+
+
 
 const theme = createTheme({
     palette: {
@@ -51,7 +56,10 @@ export default function App() {
                 <BrowserRouter>
                     <Routes>
                         <Route path="/login" element={<LoginPage />} />
+                        <Route path="/impressum" element={<ImpressumPage />} />
+                        <Route path="/datenschutz" element={<DatenschutzPage />} />
                         <Route path="/register" element={<RegisterPage />} />
+                        <Route path="/unauthorized" element={<UnauthorizedPage />} />  {/* ← neu */}
                         <Route
                             path="/"
                             element={
@@ -60,7 +68,14 @@ export default function App() {
                                 </PrivateRoute>
                             }
                         >
-                            <Route index element={<HomePage />} />
+                            <Route
+                                index
+                                element={
+                                    <PrivateRoute allowedRoles={['ADMIN', 'REPORTER', 'SITE_OWNER']}>
+                                        <HomePage />
+                                    </PrivateRoute>
+                                }
+                            />
                             <Route
                                 path="users"
                                 element={