Update nav menu styling to include everything in one header

- Move the nav menu into the chat history side panel component, so that they both show up on one line
- Update all pages to use it with the new formatting
- in mobile, present the sidebar button, home button, and profile button evenly centered in the middle

src/interface/web/app/agents/agents.module.css

@@ -46,7 +46,7 @@ div.agentList {
 }
 
 
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: 768px) {
     div.agentList {
         width: 100%;
         padding: 0;
@@ -54,4 +54,9 @@ div.agentList {
         margin-left: auto;
         grid-template-columns: 1fr;
     }
+
+    div.sidePanel {
+        position: relative;
+        height: 100%;
+    }
 }

src/interface/web/app/agents/page.tsx

@@ -266,9 +266,6 @@ export default function Agents() {
 
     return (
         <main className={`${styles.main} w-full mx-auto`}>
-            <div className="float-right w-fit h-fit">
-                <NavMenu selected="Agents" />
-            </div>
             {
                 showLoginPrompt &&
                 <LoginPrompt
@@ -284,7 +281,7 @@ export default function Agents() {
                     />
                 </div>
                 <div className={`mx-auto ${isMobileWidth ? "w-11/12" : "w-1/2"} pt-4`}>
-                    <div className="pt-8 flex justify-between align-middle w-full">
+                    <div className={`pt-4 md:pt-8 flex justify-between align-middle w-full`}>
                         <h1 className="text-3xl">Agents</h1>
                         <div className="ml-auto float-right border p-2 pt-3 rounded-xl font-bold hover:bg-stone-100 dark:hover:bg-neutral-900">
                             <TooltipProvider>