Fixes the Settings page device width & spacing

[0xDeon]

description

This PR fixes the inconsistent spacing that affects device screens on the settings page, it resolves the underlying classic layout styling issue uncovered from the rigorous use of css properties that tamper with page width and spacing.

• fixed width to max of 1440px
• ensured horizontal and vertical spacing across parent and child components
• removed unnecessary & overhead styles
• matches figma design

Concerns

Typography adjustment needs to be done for both small & large screens.

screenshots

Acceptance Criteria

• /settings has appropriate vertical & horizontal spacing with the correct content position.
• preference tab is consistent with padding across its horizontal axis.
• I confirm that the changes do not break on different screen sizes.

---

Closes #147

[netlify]

✅ Deploy Preview for starkbid-stable ready!

Name	Link
🔨 Latest commit	8761a03
🔍 Latest deploy log	https://app.netlify.com/projects/starkbid-stable/deploys/68b1ff5c2215eb00082c5e92
😎 Deploy Preview	https://deploy-preview-151--starkbid-stable.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for starkbid ready!

Name	Link
🔨 Latest commit	8761a03
🔍 Latest deploy log	https://app.netlify.com/projects/starkbid/deploys/68b1ff5c79d90a00087dfa97
😎 Deploy Preview	https://deploy-preview-151--starkbid.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[DioChuks]

Great work 👍