Refactor and redesign user menu (#32812)

* Initial quick settings menu

* Total refactor

* Quick design fixes.

* Refactor to use a view model.

* Remove unused strings

* Apply label

* Refactor naming

* Fixup most tests

* Remove specific theming for old user menu

* prettier

* Lots of cleanup

* Allow overriding the menu classes

* update snap

* Oops translations

* tidy

* Cleanup guest flows.

* Copyrights

* Remove unused classname

* Match guest view to designs

* Add guest screenshots

* Update guests

* snapshot

* Cleanup

* fix import

* Update tests

* More sceenshot fixes

* update collapsed

* move statements to prevent flake

* update snap

* Kick it along

* Click the room list

* Fiddle with the room video list.

* More screenshot adjustments

* fix imports

* fix another import

* Update snaps

* update snaps

* Fix snap flakes

* Refactor to move actions to view component, and callbacks to Actions

* Cleanup

* Cleanup

* Cleanup

* invert auth

* More bits

* fix

* Change md buttons to sm

* Try to assemble the snapshot component of the house of cards

* Consistent newlines between tests

* Update snapshot

Not sure why this was like this, this seems consistet for a logged in user

* Update snapshot

again these seem sensible for a guest

* Remove test

I don't really understand why the thing it asserts matters, so I'm removing
it for now.

* Update snapshot

* screenshot

* Don't show profile picture for guests

I'm not really sure what it meant for this interface to have a
property with a default value, so I've removed it and added the
property to the view model.

* Show avatar in story

* update snapshots for showAvatar

* Update screenshots

& hopefully make hover consistent in one

* Use outline home icon

---------

Co-authored-by: David Baker <dbkr@users.noreply.github.com>

apps/web/res/css/structures/_SpacePanel.pcss

@@ -339,26 +339,6 @@ Please see LICENSE files in the repository root for full details.
             mask-repeat: no-repeat;
         }
     }
-
-    .mx_UserMenu {
-        padding-bottom: 12px;
-        border-bottom: 1px solid $separator;
-        margin: 12px 14px 4px 18px;
-        width: min-content;
-        max-width: 226px;
-
-        /* Display the container and img here as block elements so they don't take
-         * up extra vertical space.
-         */
-        .mx_UserMenu_userAvatar_BaseAvatar {
-            display: block;
-        }
-    }
-
-    &.newUi .mx_UserMenu {
-        margin-top: var(--cpd-space-4x);
-        border-bottom: none;
-    }
 }
 
 .mx_SpacePanel_contextMenu {