Fix navbar sizing

src/components/PageNav.tsx

@@ -54,15 +54,15 @@ export const PageNav = (): JSX.Element => {
   ];
 
   return (
-    <div className="flex h-full w-12 flex-shrink-0 items-center whitespace-nowrap border-r border-slate-200 bg-slate-50 py-4 text-sm [writing-mode:vertical-rl]">
-      <span className="mt-6 flex gap-4 font-bold text-slate-500">
+    <div className="t-4 flex h-full w-12 flex-shrink-0 items-center whitespace-nowrap border-r border-slate-200 bg-slate-50 text-sm [writing-mode:vertical-rl]">
+      <span className="mt-2 flex gap-4 font-bold text-slate-500">
         {pages.map((Link) => (
           <div
             key={Link.name}
             onClick={() => {
               setActivePage(Link.page);
             }}
-            className={`h-8 w-8 cursor-pointer rounded-md border-2 p-1 hover:border-orange-300 ${
+            className={`h-9 w-9 cursor-pointer rounded-md border-2 p-1.5 hover:border-orange-300 ${
               Link.page === activePage
                 ? "border-orange-400"
                 : "border-slate-200"

src/components/Sidebar.tsx

@@ -38,20 +38,6 @@ export const Sidebar = (): JSX.Element => {
         }}
       />
 
-      {/* <div className="text-left">
-        <p className="text-xl font-bold text-slate-900">
-          <a href="/">Their Side</a>
-        </p>
-        <p className="mt-3 text-font-medium leading-8 text-slate-700">
-          Conversations with the most tragically misunderstood people of our
-          time.
-        </p>
-      </div> */}
-
-      {/*  */}
-      {/*  */}
-      {/*  */}
-      {/*  */}
       <div className="flex flex-col gap-3">
         <NodeInfoWidget hardware={hardware} />
         <BatteryWidget