fix navbar spaces (#8)

* D

* fix lint

app/components/Home.tsx

@@ -1,6 +1,6 @@
 "use client"
 import React, { useState, useMemo } from "react"
-import { Input, Card, Typography, Menu, Collapse, Empty } from "antd"
+import { Input, Card, Typography, Menu, Collapse, Empty, Button } from "antd"
 import ToolMapButton from "./Button"
 
 const { Title, Paragraph } = Typography
@@ -149,19 +149,19 @@ const EnAccessToolMap = ({ setIsModalOpen }: EnAccessToolMapProps) => {
       <div className="flex justify-center space-x-4 my-5">
         <Menu
           mode="horizontal"
-          className="bg-transparent"
+          className="bg-transparent border-0"
           selectedKeys={selectedCategories}
           onClick={handleMenuClick}
         >
           {Object.entries(categories).map(([category, items]) => (
             <Menu.SubMenu
               key={category}
               title={
-                <span style={{ fontSize: "1.2em", margin: "0 0 10px 0" }}>
+                <Button className="bg-[#95D5B2] hover:bg-[#2D6A4F]">
                   {category}
-                </span>
+                </Button>
               }
-              className={`bg-[#95D5B2] hover:bg-[#2D6A4F] hover:text-white`}
+              className={` hover:bg-[#2D6A4F] hover:text-white custom-popup`}
             >
               {items.map((item) => (
                 <Menu.Item

app/globals.css

@@ -19,3 +19,6 @@ body {
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
 }
+.custom-popup {
+  border: none; /* Remove border from submenu */
+}

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "fix-lint": " npx prettier . --write"
   },
   "dependencies": {
     "antd": "^5.22.0",