feat: Working purchase order table and form.

Resources/Views/navbar.leaf

@@ -1,5 +1,37 @@
-<nav>
-  <ul class="nav-links">
-    <li><a hx-post="logout" hx-target="#content" hx-trigger="click" hx-swap="outerHTML">Logout</a></li>
-  </ul>
-</nav>
+<div class="sidepanel" id="sidepanel">
+  <a href="javscript:void(0)" class="closebtn" onclick="closeSidepanel()">&times;</a>
+  <a hx-get="/purchase-orders"
+     hx-target="body"
+     hx-push-url="true"
+     >
+     Purchase Orders
+  </a>
+  <a hx-get="/users"
+     hx-target="body"
+     hx-push-url="true"
+     >
+    Users
+  </a>
+  <a hx-get="/employees"
+     hx-target="body"
+     hx-push-url="true"
+     >
+     Employees
+  </a>
+  <a hx-get="/vendors"
+     hx-target="body"
+     hx-push-url="true"
+     >
+    Vendors
+  </a>
+  <div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div>
+  <a style="padding-top: 5px;"
+     hx-post="logout"
+     hx-target="#content"
+     hx-trigger="click"
+     hx-swap="outerHTML"
+     >
+     Logout
+  </a>
+</div>
+<button class="openbtn" onclick="openSidepanel()">&#9776;</button>