Fixed dropdown button overlapping the navbar

frontend/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "styles/globals.css",
+    "baseColor": "gray",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

frontend/package.json

@@ -10,24 +10,32 @@
   },
   "dependencies": {
     "@nextui-org/react": "^2.2.9",
+    "@radix-ui/react-slot": "^1.0.2",
     "@reduxjs/toolkit": "^2.0.1",
     "@types/node": "18.16.1",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.1",
     "autoprefixer": "10.4.14",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
     "eslint": "8.39.0",
     "eslint-config-next": "13.3.1",
     "framer-motion": "^10.16.16",
     "googleapis": "^129.0.0",
+    "lucide-react": "^0.363.0",
     "next": "13.3.1",
     "next-themes": "^0.2.1",
     "postcss": "8.4.23",
+    "radix-ui": "^1.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^5.0.1",
     "react-redux": "^9.0.4",
     "react-social-icons": "^5.15.0",
+    "shadcn-ui": "^0.8.0",
+    "tailwind-merge": "^2.2.2",
     "tailwindcss": "3.3.2",
+    "tailwindcss-animate": "^1.0.7",
     "triple-beam": "^1.4.1",
     "typescript": "5.0.4"
   }