Display description of E2E advanced panel as subsection text (#8889)

Author: luixxiul

res/css/_components.scss

@@ -280,7 +280,6 @@
 @import "./views/settings/_CrossSigningPanel.scss";
 @import "./views/settings/_CryptographyPanel.scss";
 @import "./views/settings/_DevicesPanel.scss";
-@import "./views/settings/_E2eAdvancedPanel.scss";
 @import "./views/settings/_EmailAddresses.scss";
 @import "./views/settings/_FontScalingPanel.scss";
 @import "./views/settings/_ImageSizePanel.scss";

res/css/views/settings/_E2eAdvancedPanel.scss

@@ -30,7 +30,7 @@ const E2eAdvancedPanel = props => {
         <SettingsFlag name={SETTING_MANUALLY_VERIFY_ALL_SESSIONS}
             level={SettingLevel.DEVICE}
         />
-        <div className="mx_E2eAdvancedPanel_settingLongDescription">{ _t(
+        <div className="mx_SettingsTab_subsectionText">{ _t(
             "Individually verify each session used by a user to mark it as trusted, not trusting cross-signed devices.",
         ) }</div>
     </div>;