refactor: reordered option

frontend/src/components/NavBar/index.tsx

@@ -47,8 +47,8 @@ export default function NavBar({ closeNav, opened }: {closeNav: () => void, open
         <Divider my="xs" />
 
         <Navbar.Section grow component={ScrollArea} px="xs" mt="xs">
-            <NavBarButton navigate="firewall" closeNav={closeNav} name="Firewall Rules" color="red" icon={<PiWallLight />} />
             <NavBarButton navigate="nfregex" closeNav={closeNav} name="Netfilter Regex" color="lime" icon={<IoMdGitNetwork />} />
+            <NavBarButton navigate="firewall" closeNav={closeNav} name="Firewall Rules" color="red" icon={<PiWallLight />} />
             <NavBarButton navigate="porthijack" closeNav={closeNav} name="Hijack Port to Proxy" color="blue" icon={<GrDirections />} />
             <Divider my="xs" label="Advanced" labelPosition="center" />
             <NavBarButton closeNav={closeNav} name="Deprecated options" color="gray" icon={toggle ? <MdOutlineExpandLess /> : <MdOutlineExpandMore />} onClick={()=>setToggleState(!toggle)}/>

frontend/src/js/utils.tsx

@@ -118,7 +118,7 @@ export function getapiobject(){
 
 export function HomeRedirector(){
     const section = sessionStorage.getItem("home_section")
-    const path = section?`/${section}`:`/firewall`
+    const path = section?`/${section}`:`/nfregex`
     return <Navigate to={path} replace/>
 }