Updates to Extension Settings layout

[stackingsaunter]

Part of #2871 epic, which full desired effect can be viewed in this Figma

Changes:

• Page tile contains a description "Global settings that affect your experience on all connected wallets in - Alby Extension.". Space between title and descriptions should be 4px.

• Section headers are text-xl/bold

• All buttons and dropdowns should have fixed 256px width

• Use Title case in all list item labels and buttons

• Delete Nostr section

• Delete legacy section

[AdarshRawat1]

@stackingsaunter I got it.

• Delete Nostr section
• Delete legacy section

Are we removing the whole section?( settings part )

[stackingsaunter]

@AdarshRawat1 yes, whole UI parts of the section.

[amitamrutiya]

Hey @AdarshRawat1, are you still working on this issue? If not, then @stackingsaunter, I would like to try tackling this good first issue.

[AdarshRawat1]

This one totally slipped my mind. 🤧

@amitamrutiya2210 if you wish to start contributing to Alby, you can start with this good first issue.

[amitamrutiya]

Thanks @AdarshRawat1, for replying. I will work on this issue then.

[amitamrutiya]

Hey @stackingsaunter,

I think some of your suggested changes have already been addressed or removed in the current codebase, such as:

• The subtitle "Global settings that affect your experience on all connected wallets in - Alby Extension" is not present.
• The heading for the General section is missing.
• All buttons and dropdowns have a fixed width of 256px.
• There is no "Nostr" section.

Here are the things I need to do:

• Delete the legacy section.
• Use Title Case in all list item labels and buttons as suggested in figma file.

Is there anything you want to suggest?

[AdarshRawat1]

I think there is some confusion.

• The subtitle "Global settings that affect your experience on all connected wallets in - Alby Extension" is not present.

Is there anything you want to suggest?

You have to add the subtitle as it is not present currently.

Check the final design in this Figma file and make changes accordingly. ( The points listed in issue description are there to help you find the changes to be made i.e. the difference between current design and desired design.)

[amitamrutiya]

Okay, I overthought this issue. Now I understand it.