Add pages for the divisions.

src/pages/GuidanceControl.tsx

@@ -0,0 +1,8 @@
+function GuidanceControl() {
+
+    return (
+        <h1>Guidance Control</h1>
+    );
+}
+
+export default GuidanceControl;

src/pages/LevitationControl.tsx

@@ -0,0 +1,8 @@
+function LevitationControl() {
+
+    return (
+        <h1>Levitation Control</h1>
+    );
+}
+
+export default LevitationControl;

src/pages/MotorControl.tsx

@@ -0,0 +1,8 @@
+function MotorControl() {
+
+    return (
+        <h1>Motor Control</h1>
+    );
+}
+
+export default MotorControl;

src/pages/PageList.tsx

@@ -4,6 +4,9 @@ import TerminalIcon from '@mui/icons-material/Terminal';
 import GamesIcon from '@mui/icons-material/Games';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import FlightTakeoff from '@mui/icons-material/FlightTakeoff';
+import Speed from '@mui/icons-material/Speed';
+import EditRoad from '@mui/icons-material/EditRoad';
 import clsx from 'clsx';
 import { Link as RouterLink, LinkProps as RouterLinkProps, useNavigate, } from 'react-router-dom';
 import { Box, Divider, ListItemButton, Typography } from '@mui/material';
@@ -117,6 +120,9 @@ export const RouterList = (
   <React.Fragment>
     <ListItemButtonLink to="/" primary="Overview" icon={<GamesIcon />} />
     <ListItemButtonLink to="/TracePanel" primary="Trace" icon={<TerminalIcon />} />
+    <ListItemButtonLink to="/LevitationControl" primary="Levitation Control" icon={<FlightTakeoff />} />
+    <ListItemButtonLink to="/GuidanceControl" primary="Guidance Control" icon={<EditRoad />} />
+    <ListItemButtonLink to="/MotorControl" primary="Motor Control" icon={<Speed />} />
   </React.Fragment>
 );
 

src/pages/ShowPages.tsx

@@ -8,6 +8,9 @@ import {NetworkInformation} from "../types/NetworkInformation";
 import NodePanel from "./NodePanel";
 import {NodeInformation} from "../types/NodeInformation";
 import ObjectEntryPanel from "./ObjectEntryPanel";
+import LevitationControl from "./LevitationControl.tsx";
+import GuidanceControl from "./GuidanceControl.tsx";
+import MotorControl from "./MotorControl.tsx";
 
 function Content() {
     const location = useLocation();
@@ -45,6 +48,9 @@ function ShowPages({connectionSuccess}: ConnectionProps) {
         <Routes>
             <Route index element={<OverviewPanel connectionSuccess={connectionSuccess}/>}/>
             <Route path="TracePanel" element={<TracePanel/>}/>
+            <Route path="LevitationControl" element={<LevitationControl/>}/>
+            <Route path="GuidanceControl" element={<GuidanceControl/>}/>
+            <Route path="MotorControl" element={<MotorControl/>}/>
             {nodes.map((node) => {
 
                 let routes = [<Route key={node.name} path={node.name} element={<NodePanel node={node}/>}/>];