Refactor SideBar and TopBar components

frontend/src/components/layout/SideBar.tsx

@@ -112,36 +112,6 @@ const SideBar: React.FC<SideBarProps> = ({ open, onDrawerOpen, onDrawerClose })
           </React.Fragment>
         );
       })}
-
-      <Divider />
-      <List>
-        <MenuItem
-          open={open}
-          icon={<SettingsOutlined />}
-          label={"Settings"}
-          subMenus={[
-            {
-              open,
-              icon: <DashboardOutlined />,
-              label: "Dashboards",
-              onClick: () => navigate("/configurator/dashboards")
-            },
-            {
-              open,
-              icon: <PollOutlined />,
-              label: "Charts",
-              onClick: () => navigate("/configurator/charts")
-            },
-            {
-              open,
-              icon: <TuneOutlined />,
-              label: "Filters",
-              onClick: () => navigate("/configurator/filters")
-            }
-          ]}
-        />
-        <MenuItem open={open} icon={<HelpOutlineOutlined />} label={"Help"} onClick={() => navigate("/help")} />
-      </List>
     </Drawer>
   );
 };

frontend/src/components/layout/TopBar.tsx

@@ -58,7 +58,7 @@ const TopBar: React.FC<TopBarProps> = ({ open, onDrawerOpen }) => {
           {title}
         </Typography>
         <Box sx={{ flexGrow: 1 }} />
-        <Box sx={{ display: { xs: "none", md: "flex" } }}>
+        <Box sx={{ display: { xs: "none", md: "flex" }, gap: 1 }}>
           <SensitiveInfoToggle />
           <LightDarkToggle />
           <ProfileButton />