fix(FN-2491): align auth actions in mobile settings modal

- Import SettingsModal.css directly in SettingsModal to ensure extracted styles load reliably
- Adjust mobile auth provider layout so non-info header actions stay right-aligned
- Align API key controls to the right on mobile by updating section, row, and button alignment rules
- Extend mobile CSS regression assertions to cover the new auth alignment rules

packages/dashboard/app/components/SettingsModal.css

@@ -801,6 +801,10 @@
     gap: 10px;
   }
 
+  .auth-provider-header > div:not(.auth-provider-info):not(.auth-apikey-section) {
+    margin-left: auto;
+  }
+
   .auth-provider-info {
     width: 100%;
     flex-basis: 100%;
@@ -809,11 +813,13 @@
   .auth-apikey-section {
     width: 100%;
     flex-basis: 100%;
-    align-items: stretch;
+    align-items: flex-end;
   }
 
   .auth-apikey-input-row {
+    width: 100%;
     flex-wrap: wrap;
+    justify-content: flex-end;
   }
 
   .auth-apikey-input {
@@ -824,6 +830,7 @@
 
   .auth-apikey-input-row .btn {
     flex-shrink: 0;
+    margin-left: auto;
   }
 
   .auth-hint {