refactor(control-ui): keep quick settings personal card balanced (#71585)

ui/src/styles/config-quick.css

@@ -404,12 +404,6 @@
   fill: currentColor;
 }
 
-.qs-personal-actions {
-  display: flex;
-  gap: 8px;
-  padding: 10px 16px 16px;
-}
-
 .qs-row__chevron svg {
   width: 12px;
   height: 12px;

ui/src/styles/config-quick.test.ts

@@ -12,7 +12,6 @@ describe("config-quick styles", () => {
     expect(css).toContain(".qs-identity-card__error");
     expect(css).toContain(".qs-assistant-avatar");
     expect(css).toContain(".qs-user-avatar");
-    expect(css).toContain(".qs-personal-actions");
     expect(css).toContain(".qs-card--personal");
   });
 

ui/src/ui/views/config-quick.ts

@@ -994,9 +994,9 @@ export function renderQuickSettings(props: QuickSettingsProps) {
 
       <div class="qs-grid">
         ${renderStack(renderModelCard(props), renderSecurityCard(props))}
-        ${renderChannelsCard(props)}
+        ${renderChannelsCard(props)} ${renderPersonalCard(props)}
         ${renderStack(renderAppearanceCard(props), renderAutomationsCard(props))}
-        ${renderPersonalCard(props)} ${renderPresetsCard(props)}
+        ${renderPresetsCard(props)}
       </div>
 
       ${renderConnectionFooter(props)}