Overflow Issue in mobile view of setting page

### 🐛 Describe the bug

# Description:
There is an overflow issue on the Settings page when viewed on mobile devices. The layout is fixed and lacks a scrollable view, which causes content to overflow beyond the visible screen width. As a result, users experience broken layout and cannot access all elements properly.

# Steps to Reproduce:

* Open the application on a mobile device or in a browser with device preview mode.

* Navigate to the Settings page.

* Observe that the content overflows horizontally and is not fully visible.

Note: If using the browser, it only happens for certain widths of viewport.
## Expected Behavior:
The layout should be responsive and fully accessible within the mobile viewport, either by adjusting the content to fit or allowing vertical scrolling.

## Screenshots:

https://github.com/user-attachments/assets/1ba3575b-f1ee-4e7f-a32c-f45cf09bf695