Feature: Enhance responsiveness of carts and navbar items for improved user experience across different screen sizes.

[sanjaraiy]

Is your feature request related to a problem? Please describe.
This feature aims to optimize the carts and navbar items to ensure they adapt seamlessly to varying screen sizes. It involves implementing responsive design principles to enhance usability and readability, providing a consistent and user-friendly experience across devices.

Describe the solution you'd like
Utilize Tailwind CSS flexbox utilities for the navbar to ensure consistent alignment of logo and menu items across different screen sizes. Implement responsive grid layouts for carts to prevent overcrowding and enable neat display without horizontal scrolling. Apply suitable padding and margin classes to maintain spacing and alignment, enhancing overall usability across devices.

Describe alternatives you've considered
Enhancement UI and make responsive

Additional context

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.