Add CSS cascade layers for Compound, shared components, and app/web styles (#33302)

* Layer Compound and shared component CSS

* Layer app theme CSS

* Remove !important flags from ActionBarView

* Remove unnecessary !important statements from shared components

* Avoid dead code errors for *.pcss just because layer is specified after @import url

* Remove unnecessary !important styling

* Override Banner defaults in RoomStatusBarView

* Updated snaps

* Updated snaps

* Fix styling of media body in app/web

* Fix styling for Compound anchors

* Fix styling issues in app/web

* More styling fixes

* Fix a problem extracting css for HTMLExport

* Revert changes

* Fix for theme styling

* Add test to improve coverage

* Prettier

* Fix styling issues

* Add data-kind attribute to avoid global styling override

* Update screenshot that now is correct

* Revert data-kind attribute

* Handle LinkPreview styling in .pcss

* Fix flaky test: Avoid racing the lazy-loaded ManageEventIndexDialog

* Take care of review comments

* Updated snaps

* Updated snaps again after merge

* Remove !important from RoomStatusBar

apps/web/res/css/views/audio_messages/_PlaybackContainer.pcss

@@ -11,9 +11,8 @@ Please see LICENSE files in the repository root for full details.
 
 /* Container for live recording and playback controls */
 .mx_MediaBody.mx_VoiceMessagePrimaryContainer {
-    /* The waveform (right) has a 1px padding on it that we want to account for, otherwise */
-    /* inherit from mx_MediaBody */
-    padding-right: 11px;
+    /* Match mx_MediaBody spacing, offsetting the waveform's 1px internal right padding. */
+    padding: 6px 11px 6px 12px;
 
     /* Cheat at alignment a bit */
     display: flex;