Implement allowances and sites pages UX/UI improvements

[stackingsaunter]

This issue describes improvements to allowences design and websites view design that are ready to be picked up for implementation.

Link to Figma file

General change: For more consistency, let's use "budgets", and not use "allowance" anymore (we use terms now).

List of changes per screen:

1. On popup view of a page that has not have a budget set, there should be a link to do it instead of empty budget bar (right now). Clicking it leads to Edit Preferences modal.

2. An icon button of that opens Edit Preferences modal should be in the corner of site box.
   

3. Modal has updated copy
   

4. Website list item now shows all data in the copy below. I also propose chan

5. Changing "ACTIVE" badge to "BUDGET" (active is just not clear)
   

A revamp of website page views:

1. Logo, name and URL is on the left side
2. Site settings button that opens Edit Preferences modal
   
3. Displaying info about payments, budget and permissions (badges). If budget not set, showing a link
   
   

---

Handoff

(also in Figma file)

[fczuardi]

Cool, can we (@mquasar @GabrielSoga and @fczuardi ) take this one?
I have requested Figma access.

[stackingsaunter]

@fczuardi of course, thanks for tackling this! You should have access already

[GabrielSoga]

@stackingsaunter In the new design, how would we remove a connected site? In the current design we have an "Remove" option within the cog menu to do this, but we couldn't find it on figma

[GabrielSoga]

@stackingsaunter the cog icon is part of bitcoin design icon set, does the new preferences icon should be there as well?

[stackingsaunter]

@GabrielSoga

For removing sites, let's add a link "Disconnect" inside the modal. Also let's change it's name to "Site Settings" (disconnecting is just more than preferences).

Let's leave the cog icon for general settings. Here's the new icon:

[fczuardi]

I think we can split this issue in smaller parts: one for the popup screen and the others for the website page views, just to get the code reviews of what we already have started.

[GabrielSoga]

PR is open for the first part of the changes (related to popup view and site preferences launcher): #2563

[GabrielSoga]

@stackingsaunter PR #2617 is ready to review