[Feature]: Refactor Settings Page for Multi-Column Desktop Structure

[aniket866]

Problem Statement

• Current Settings page UI is optimized primarily for mobile screens.

• On desktop, content appears vertically stacked and requires unnecessary scrolling.

• The QR section is not properly positioned for larger viewports.

• Overall, the interface does not efficiently utilize available desktop screen space.

screen-capture.25.webm

Proposed Solution

Proposed :

screen-capture.24.webm

Alternatives Considered

No response

Additional Context

No response

Checklist

• I have searched for existing feature requests to avoid duplicates