Content Overflow in location page

[Spandan-Mishra]

Describe the bug
Content is overflowing in the location page, in mobile devices

To Reproduce
Steps to reproduce the behavior:

Select any facility -> Settings -> Locations -> See Details
Here you can see the contents are overflowing.

Expected behavior
The content must stay inside the container and user shouldn't be able to scroll horizontally. Page must be responsive

Screenshots

Additional context
Add any other context about the problem here.

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[Spandan-Mishra]

@rithviknishad @Nithin9585 @Jacobjeevan I want to work on this bug.
Estimated Time: 1 Day
Approach: Restrict horizontal scrolling. Make the page responsive by keeping the width dynamic and not allowing the buttons to overflow out of the container.