added translations in AdminPanel

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

@@ -121,5 +121,6 @@
   "backToLogin": "Zurück zum Login",
   "noAccountRegister": "Noch kein Konto? Registrieren.",
   "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
-                    className="sidebar"
-                >
-                    <nav aria-label="main admin menu">
+                <Box className="sidebar">
+                    <nav aria-label={t("mainAdminMenu")}>
                         <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>