feat: Dashboard redesign

[kof]

Closes #4430

Todo

• Better empty state in projects
• Opening some of those things like video tutorials or support hub in an iframe directly in the dashboard
• Search
• published domain

Steps for reproduction

1. click button
2. expect xyz

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • detailed review (read every line)
  • test it on preview

Before requesting a review

• made a self-review
• added inline comments where things may be not obvious (the "why", not "what")

Before merging

• tested locally and on preview environment (preview dev login: 0000)
• updated test cases document
• added tests
• if any new env variables are added, added them to .env file

[johnsicili]

Sidebar should be sticky/fixed IMO.

One of the annoying things about the current dashboard is it doesn't show the custom domains if added. This A) helps indicate which sites are prod and B) can get you directly to the prod site

The discord icon looks weird as an outline

User dropdown is on the edge of the viewport

[kof]

@johnsicili great catches

[kof]

Sticky navigation and header - done

[johnsicili]

Looks good. I like the fixed header too

Noticed this:

[johnsicili]

Fixed stays on top

[kof]

@johnsicili fixed the bugs, updated the discord icon