Fix About Us page layout and navbar display issues

[swetagoswami819]

Pull Request

1. Title

Fix About Us page layout and navbar display issues

2. Description

• On the About Us page, the content on the left side of the car image is not fully visible.
• The navbar at the top shows a messy layout for the phone number and toggle button.
• This affects both desktop and responsive views.

3. Related Issues

Fixes: #365

4. Changes Made

• Adjusted CSS for about-us content alignment.
• Fixed navbar flex/grid properties to avoid overlapping.
• Improved responsiveness for mobile screens.

5. Checklist

• I have read the project's contributing guidelines.
• My code follows the project's coding style and conventions.
• I have performed a thorough self-review of my own code.
• I have added comments to my code, especially in complex or non-obvious sections.
• I have made corresponding updates to the documentation (e.g., README, API docs) if my changes require it.
• My changes introduce no new warnings or errors during compilation/runtime.
• I have added new tests or updated existing ones to cover my changes, and they pass locally.
• Any dependent changes (e.g., API updates, library versions) have been addressed.

6. Screenshots/GIFs

Before: -

After: -

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼