Desktop settings fixes (#26551)

* Update settings_manage_profile.ts

* Add Manage Profile page to customize padding

* imports: order alphabetically

* Fix brave://settings/braveSync/setup image padding

Fixes the image being left out of the margin

* Fix padding on inner setting pages

* changed token to spacing

* Update settings_manage_profile.ts

* Fix section titles size

Made titles a bit smaller so we don't have overlapping issues on line breaks

* revert changes to safety check

* revert change to settings-header file

* Update br_settings_shared.css

browser/resources/settings/brave_overrides/settings_section.ts

@@ -11,7 +11,7 @@ RegisterStyleOverride(
   html`
     <style include="settings-shared">
       #header .title {
-        font-size: var(--leo-typography-heading-h3-font-size) !important;
+        font-size: var(--leo-typography-heading-h4-font-size) !important;
         font-weight: 600 !important;
         padding-top: var(--leo-spacing-xl) !important;
         padding-bottom: var(--leo-spacing-xl) !important;

browser/resources/settings/brave_overrides/settings_subpage.ts

@@ -35,7 +35,7 @@ RegisterStyleOverride(
     .cr-title-text {
         color: var(--cr-title-text-color);
         font-weight: 600 !important;
-        font-size: var(--leo-typography-heading-h3-font-size) !important;
+        font-size: var(--leo-typography-heading-h4-font-size) !important;
     }
   </style>`
 )

ui/webui/resources/page_specific/settings/br_settings_shared.css

@@ -14,3 +14,4 @@ a[href] {
 .content-settings-header{
   padding-top: var(--leo-spacing-2xl) !important;
 }
+