Hacktogether: Fix responsive design for listing detail page

[Wenwei Lin]

Are you accessing the project from the GitHub Codespaces?

• No, I am running the project on my local machine (I will fill in the OS section below)
• Yes, I am using GitHub Codespaces.

Note: The project is optimized to run on Codespaces. We welcome contributions to enhance it for cross-platform local development, but it's not something we will prioritize right now. Thank you!

Describe the bug
When in small screen size, the wide of listing detail page exceeds the max screen size.

To Reproduce
Steps to reproduce the behavior:

1. Open Developer Tool and change screen size to a mobile, like iPhone 12 Pro.
2. Click "View Listing" button of any items, like Practical loft downtown.
3. Check the width of page.

Expected behavior
A clear and concise description of what you expected to happen.

The width of page should be the same as the max screen width.

Screenshots
If applicable, add screenshots to help explain your problem.

OS (please complete the following information):

• OS:
• OS Version:
• npm version:
• Node.js version:
• output of azd version:

Additional context
Add any other context about the problem here.

[Natalia Venditto]

Thanks for reporting! Looking forward to your PR!

[Julia Muiruri]

Currently being worked on by @DannyK05

[Kolade]

I've made a pull request