fix #158 Styling navbar

app/graph/GraphView.tsx

@@ -1,6 +1,6 @@
 import CytoscapeComponent from "react-cytoscapejs";
 import { toast } from "@/components/ui/use-toast";
-import cytoscape, { EdgeCollection, ElementDefinition, EventObject, NodeDataDefinition } from "cytoscape";
+import cytoscape, { ElementDefinition, EventObject, NodeDataDefinition } from "cytoscape";
 import { useRef, useState, useImperativeHandle, forwardRef } from "react";
 import { signOut } from "next-auth/react";
 import fcose from 'cytoscape-fcose';

app/providers.tsx

@@ -2,38 +2,12 @@
 
 import Navbar from "@/components/custom/navbar";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
-import { Activity, Info, LogOut, Waypoints } from "lucide-react";
-import { SessionProvider, signOut } from "next-auth/react";
+import { SessionProvider } from "next-auth/react";
 import { ThemeProvider } from 'next-themes'
 import { useEffect, useRef, useState } from "react";
 import { ImperativePanelHandle } from "react-resizable-panels";
 import useScreenSize from "./useScreenSize";
 
-const LINKS = [
-  {
-    name: "Connection Details",
-    href: "/details",
-    icon: (<Info className="h-6 w-6" />),
-  },
-  {
-    name: "Graph",
-    href: "/graph",
-    icon: (<Waypoints className="h-6 w-6" />),
-  },
-  {
-    name: "Monitor",
-    // href: "/api/monitor",
-    href: "/monitor",
-    icon: (<Activity className="h-6 w-6" />),
-  },
-  {
-    name: "Disconnect",
-    href: "",
-    icon: (<LogOut className="h-6 w-6" />),
-    onClick: () => { signOut({ callbackUrl: '/login' }) }
-  },
-]
-
 export default function NextAuthProvider({ children }: { children: React.ReactNode }) {
 
   const { screenSize } = useScreenSize();
@@ -61,7 +35,7 @@ export default function NextAuthProvider({ children }: { children: React.ReactNo
       }
     }
   }
-  const panelSize = isSmallScreen ? 40 : 10
+  const panelSize = isSmallScreen ? 40 : 9
   const collapsedSize = isSmallScreen ? 20 : 3
 
   return (