66 make the navbar responsive (#149)

* feat(frontend): ✨ Add responsive navbar for mobile

* feat(frontend): ✨ Navbar drawer positon change added logo

* feat(frontend): ✨ responsive navbar

* refactor: 📝 run prettier and fix linting

* refactor(frontend): 🎨 remove dark mode comments

* refactor(frontend): 🎨 run prettier

frontend/package.json

@@ -17,6 +17,7 @@
         "@apollo/experimental-nextjs-app-support": "^0.6.0",
         "@gsap/react": "^2.1.0",
         "@radix-ui/react-avatar": "^1.0.4",
+        "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-label": "^2.0.2",
         "@radix-ui/react-separator": "^1.0.3",
@@ -44,13 +45,15 @@
         "satellite.js": "^5.0.0",
         "tailwind-merge": "^2.2.0",
         "tailwindcss-animate": "^1.0.7",
-        "three": "^0.161.0"
+        "three": "^0.161.0",
+        "vaul": "^0.9.0"
     },
     "devDependencies": {
         "@cloudflare/next-on-pages": "^1.8.3",
         "@graphql-codegen/cli": "^5.0.0",
         "@graphql-codegen/client-preset": "^4.1.0",
         "@graphql-typed-document-node/core": "^3.2.0",
+        "@iconify-icon/react": "^2.0.1",
         "@iconify/react": "^4.1.1",
         "@playwright/test": "^1.41.2",
         "@tailwindcss/typography": "^0.5.10",