refactor web file structure and seperate settings from status

interface/src/components/layout/LayoutAppBar.tsx

@@ -16,11 +16,9 @@ const LayoutAppBar: FC<LayoutAppBarProps> = ({ title, onToggleDrawer }) => {
   const pathnames = useLocation()
     .pathname.split('/')
     .filter((x) => x);
+  const show_back = pathnames.length > 1;
+
   const navigate = useNavigate();
-  let show_back = false;
-  if (pathnames.length > 1) {
-    show_back = pathnames[0] !== 'system' || pathnames[1] === 'espsystemstatus';
-  }
 
   return (
     <AppBar

interface/src/components/layout/LayoutMenu.tsx

@@ -128,7 +128,11 @@ const LayoutMenu: FC = () => {
       </List>
 
       <List style={{ marginTop: `auto` }}>
-        <LayoutMenuItem icon={AssessmentIcon} label={LL.SYSTEM(0)} to="/system" />
+        <LayoutMenuItem
+          icon={AssessmentIcon}
+          label={LL.STATUS_OF('')}
+          to="/status"
+        />
         <LayoutMenuItem
           icon={SettingsIcon}
           label={LL.SETTINGS(0)}

interface/src/components/layout/ListMenuItem.tsx

@@ -59,18 +59,12 @@ const LayoutMenuItem: FC<ListMenuItemProps> = ({
         }
       >
         <ListItemButton component={Link} to={to}>
-          <RenderIcon
-            icon={icon}
-            bgcolor={bgcolor}
-            label={label}
-            text={text}
-            to=""
-          />
+          <RenderIcon icon={icon} bgcolor={bgcolor} label={label} text={text} />
         </ListItemButton>
       </ListItem>
     ) : (
       <ListItem>
-        <RenderIcon icon={icon} bgcolor={bgcolor} label={label} text={text} to="" />
+        <RenderIcon icon={icon} bgcolor={bgcolor} label={label} text={text} />
       </ListItem>
     )}
   </>