feat(FN-1884): fix mobile side margins in settings pages

- Fix mobile side margins on settings pages to use design tokens
- Add responsive padding for mobile viewports in settings components
- Add settings-mobile test to verify mobile layout behavior

packages/dashboard/app/components/__tests__/settings-mobile.test.tsx

@@ -172,5 +172,9 @@ describe("SettingsModal mobile adaptations", () => {
     expectMobileRule(css, ".settings-nav-item", "gap: 4px;");
     expectMobileRule(css, ".settings-content textarea", "font-size: 16px;");
     expectMobileRule(css, ".settings-scope-icon", "margin-right: 0;");
+    expectMobileRule(css, ".settings-scope-banner", "padding: 8px 14px;");
+    expectMobileRule(css, ".settings-empty-state", "padding: 12px 14px;");
+    expectMobileRule(css, ".settings-description", "padding: 0 14px;");
+    expectMobileRule(css, ".theme-selector", "padding: 0 14px 14px;");
   });
 });

packages/dashboard/app/styles.css

@@ -6897,6 +6897,22 @@ body {
     padding: 0 14px;
   }
 
+  .settings-scope-banner {
+    padding: 8px 14px;
+  }
+
+  .settings-empty-state {
+    padding: 12px 14px;
+  }
+
+  .settings-description {
+    padding: 0 14px;
+  }
+
+  .theme-selector {
+    padding: 0 14px 14px;
+  }
+
   .settings-content .btn,
   .auth-provider-row .btn {
     min-height: 36px;