Fix styling issue when using EW modules (#31533)

* style: move compound loading order

* fix: spotlight fiting

* fix: don't use internal compound css var in settings subsection

* fix: don't use internaal compound css var in read receipt group

* fix: add important to font settings on body element

* fix: remove play pause button color and fix padding

This color wasn't apply because this PR. Removing to avoid visual
regression

* fix: add important to form help message override in preference settings

* fix: override compound in space panel buttons

* fix: layout of forgot password

* fix: height of encryption tab

* fix: widget avatar border radius

res/css/views/settings/encryption/_AdvancedPanel.pcss

@@ -9,7 +9,8 @@
 .mx_OtherSettings {
     display: flex;
     flex-direction: column;
-    gap: var(--cpd-space-6x);
+    /* !important override compound form */
+    gap: var(--cpd-space-6x) !important;
     width: 100%;
     align-items: start;