Fixed x overflow of tooltip in navabar

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

@@ -5,6 +5,7 @@
     position: absolute;
     top: 0;
     width: 100%;
+    overflow-x: hidden;
 }
 
 /* Logo styles */

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

@@ -164,7 +164,7 @@ export default function NavBar() {
                     </Box>
 
                     <ThemeToggle />
-                    <Tooltip title={t('openSettings')}>
+                    <Tooltip title={t('openSettings')} placement='bottom-end'>
                         <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
                             <Avatar alt="Florian Speicher" src="/static/images/avatar/2.jpg" />
                         </IconButton>