Improved navbar in mobile view

[KeyurGK]

Fixes #200

Changes proposed

Before :

• The navbar transitioned from the top as a drop-down, covering the product list giving the user a bad UX.

After :

• The new navbar in mobile screens, transitions from the right side.
• The navbar remains fixed, as the user scrolls through the product list.

NAVBAR_DEMO.mp4

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.

[netlify]

✅ Deploy Preview for ar-webstore ready!

Name	Link
🔨 Latest commit	a7b1335
🔍 Latest deploy log	https://app.netlify.com/sites/ar-webstore/deploys/65d21bd26b187e00089cb56e
😎 Deploy Preview	https://deploy-preview-251--ar-webstore.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[ShwetKhatri2001]

Can you please make these two small changes. It can be merged after that.

• Close the sidebar when any link present inside is clicked.
• Reduce the font size of link labels ( text ) probably to the previous size.

[KeyurGK]

Can you please make these two small changes. It can be merged after that.

• Close the sidebar when any link present inside is clicked.
• Reduce the font size of link labels ( text ) probably to the previous size.

Updated with recommended changes @ShwetKhatri2001 :

NAVBAR.mp4

[ShwetKhatri2001]

LGTM 🎊 Congrats @KeyurGK on your first PR getting merged on AR-Webstore 🚀 Keep Contributing 👍