give me navbar code only
Looking at your navbar code, I can see there's a small issue with the Menu icon import. Here's the corrected navbar code:
make this navbar code acoording this files
Looking at your files, I can see you're using a React + Vite setup with React Router instead of Next.js. I'll create a navbar component that works with your file structure and routing system.
React Router Integration:
Link components instead of <a> tags for proper SPA navigationuseLocation hook to highlight active navigation items"use client"Mobile Menu Implementation:
File Structure Compatibility:
Styling Adjustments:
Enhanced Features:
The navbar now works perfectly with your React + Vite + React Router setup and maintains all the functionality from the original design!
make account page where in left side user can see there profile pic and in right side user can see all there detalis and all details of user come from User database and at bouttom user can see there uploaded products and that details come from My products: Products Collection and have details uid as localStorage.getItem("uid")