added translations

01-frontend/src/helper/navbar/NavBar.tsx

@@ -164,15 +164,14 @@ export default function NavBar() {
                         </Menu>
                     </Box>
 
-                    {/* Theme Toggle & Avatar (immer sichtbar) */}
                     <ThemeToggle />
-                    <Tooltip title="Open settings">
+                    <Tooltip title={t('openSettings')}>
                         <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
                             <Avatar alt="Florian Speicher" src="/static/images/avatar/2.jpg" />
                         </IconButton>
                     </Tooltip>
                     <Menu
-                        sx={{ mt: "45px" }}
+                        sx={{ mt: "15px" }}
                         id="menu-appbar-user"
                         anchorEl={anchorElUser}
                         open={Boolean(anchorElUser)}

01-frontend/src/theme/ThemeToggle.tsx

@@ -3,13 +3,16 @@ import React from 'react';
 import { IconButton, Tooltip } from '@mui/material';
 import { Brightness4, Brightness7 } from '@mui/icons-material';
 import { useThemeMode } from './ThemeContext';
+import { useTranslation } from "react-i18next";
 
 const ThemeToggle: React.FC = () => {
     const { mode, toggleMode } = useThemeMode();
+    const { t } = useTranslation();
 
     return (
-        <Tooltip title={mode === 'dark' ? 'Zu hellem Modus wechseln' : 'Zu dunklem Modus wechseln'}>
-            <IconButton
+        <Tooltip title={mode === 'dark' ? t('lightMode') : t('darkMode')}>
+
+        <IconButton
                 onClick={toggleMode}
                 color="inherit"
                 sx={{