🐛 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: