Use semantic headings in user settings - Ignored users (#11006)

* account password section

* account email and phone numbers

* update cypress selectors

* use settingsection for General section

* use semantic headings for profile settings

* fix show advanced spacing

* udpate snapshot

* use semantic headings in mjolnir settings

* remove debug

* unit test UI changes for mjolnir settings

res/css/views/settings/tabs/_SettingsSection.pcss

@@ -17,7 +17,6 @@ limitations under the License.
 .mx_SettingsSection {
     --SettingsTab_section-margin-bottom-preferences-labs: 30px;
     --SettingsTab_heading_nth_child-margin-top: 30px; /* TODO: Use a spacing variable */
-    --SettingsTab_fullWidthField-margin-inline-end: 100px;
     --SettingsTab_tooltip-max-width: 120px; /* So it fits in the space provided by the page */
 
     color: $primary-content;

res/css/views/settings/tabs/_SettingsTab.pcss

@@ -16,7 +16,6 @@ limitations under the License.
 
 .mx_SettingsTab {
     --SettingsTab_heading_nth_child-margin-top: 30px; /* TODO: Use a spacing variable */
-    --SettingsTab_fullWidthField-margin-inline-end: 100px;
     --SettingsTab_tooltip-max-width: 120px; /* So it fits in the space provided by the page */
 
     color: $primary-content;

res/css/views/settings/tabs/user/_MjolnirUserSettingsTab.pcss

@@ -14,10 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_MjolnirUserSettingsTab .mx_Field {
-    margin-inline-end: var(--SettingsTab_fullWidthField-margin-inline-end);
-}
-
 .mx_MjolnirUserSettingsTab_listItem {
     margin-bottom: 2px;
 }