added translations in AdminPanel

01-frontend/public/locales/de/translation.json

@@ -120,6 +120,7 @@
   "register": "Registrieren",
   "backToLogin": "Zurück zum Login",
   "noAccountRegister": "Noch kein Konto? Registrieren.",
-    "delete": "Löschen",
+  "delete": "Löschen",
-  "pleaseEnterPassword": "Bitte Passwort eingeben"
+  "pleaseEnterPassword": "Bitte Passwort eingeben",
+  "mainAdminMenu": "Admin-Hauptmenü"
 }

01-frontend/public/locales/en/translation.json

@@ -121,5 +121,6 @@
   "backToLogin": "Back to login",
   "noAccountRegister": "Don’t have an account? Register.",
   "delete": "Delete",
-  "pleaseEnterPassword": "Please enter password"
+  "pleaseEnterPassword": "Please enter password",
+  "mainAdminMenu": "Main Administration Menu"
 }

01-frontend/src/pages/AdminPanel.tsx

@@ -11,7 +11,7 @@ import {
     ListItemButton,
     ListItemIcon,
     ListItemText,
-    useTheme
+    useTheme,
 } from "@mui/material";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -61,14 +61,11 @@ export default function AdminPanel() {
                 className="home-page-background"
                 style={{
                     color: theme.palette.text.primary,
-                    backgroundColor: theme.palette.background.paper
+                    backgroundColor: theme.palette.background.paper,
-                }}
+                }}>
-            >
                 {/* Sidebar */}
-                <Box
+                <Box className="sidebar">
-                    className="sidebar"
+                    <nav aria-label={t("mainAdminMenu")}>
-                >
-                    <nav aria-label="main admin menu">
                         <List>
                             {menuItems.map((item) => (
                                 <ListItem key={item.key} disablePadding>
@@ -83,8 +80,7 @@ export default function AdminPanel() {
                                             "&:hover": {
                                                 bgcolor: theme.palette.action.hover,
                                             },
-                                        }}
+                                        }}>
-                                    >
                                         <ListItemIcon sx={{ color: "inherit" }}>{item.icon}</ListItemIcon>
                                         <ListItemText primary={item.label} />
                                     </ListItemButton>