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/themes/light/css/light.pcss

@@ -4,5 +4,6 @@
 @import "_light.pcss";
 @import "_mods.pcss";
 @import "../../../../res/css/_components.pcss";
+@import "../../../../res/css/_compound.pcss";
 @import url("highlight.js/styles/atom-one-light.min.css");
 @import url("github-markdown-css/github-markdown-light.css");