chore: combined some branches, improved style

This demo branch contains code from multiple different branches. DO NOT MERGE this branch because it looks like I'm the author of all these changes.

src/App.tsx

@@ -1,17 +1,25 @@
-import { Routes, Route } from 'react-router'
+import { Routes, Route, Link } from 'react-router'
 import './App.css'
 import TemplatePage from './pages/TemplatePage/Template.tsx'
 import Home from './pages/Home/Home.tsx'
 import ServerComms from './pages/ServerComms/ServerComms.tsx'
+import Logging from './pages/Logging/Logging.tsx'
+import VisProg from "./pages/VisProgPage/VisProg.tsx";
 
 function App(){
   
   return (
-    <Routes>
-      <Route path="/" element={<Home />} />
-      <Route path="/Template" element={<TemplatePage />} />
-      <Route path="/ServerComms" element = {<ServerComms />} />
-    </Routes>
+    <div>
+      {/* Should not use inline styles like this */}
+      <Link style={{position: "fixed", top: "1rem", left: "50%", translate: "-50%"}} to={"/"}>Home</Link>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/Template" element={<TemplatePage />} />
+        <Route path="/ServerComms" element = {<ServerComms />} />
+        <Route path="/visprog" element={<VisProg />} />
+        <Route path="/logging" element = {<Logging />} />
+      </Routes>
+    </div>
   )
 }