fix(dashboard/config): pair Tags & Cleanup with Sidekick, push Experimental to bottom

The previous layout left two regular-width cards each occupying half a row:

  ┌─────────┐ ┌─────────┐
  │  ...    │ │  ...    │
  ├─────────┴─┴─────────┤
  │  SIDEKICK           │  ← right slot empty
  ├─────────────────────┤
  │  EXPERIMENTAL       │  ← full-width
  ├─────────────────────┤
  │  TAGS & CLEANUP     │  ← right slot empty
  └─────────────────────┘

Reordered so Sidekick and Tags & Cleanup pair on one row (both regular
width), and Experimental closes the form full-width:

  ┌─────────┐ ┌─────────┐
  │ SIDEKICK│ │ TAGS &  │
  │         │ │ CLEANUP │
  ├─────────┴─┴─────────┤
  │  EXPERIMENTAL       │
  └─────────────────────┘

Tags & Cleanup is still excluded from the auto-render `<For>` (the same
filter at line 593), it just renders directly after Sidekick now instead
of dangling at the very bottom. Experimental remains the last card so the
"advanced/opt-in" surface stays at the form bottom, where users who don't
enable anything see its empty default state without it pushing other
config above the fold.

Verified: dashboard frontend build clean (147 KB bundle), biome clean.

Author: ualtinok

packages/dashboard/src/components/ConfigEditor/ConfigEditor.tsx

@@ -1533,8 +1533,29 @@ function ConfigForm(props: {
             </div>
           </div>
 
+          {/* Tags & Cleanup — placed right after Sidekick so it fills the empty
+              right column of the grid (Sidekick is a regular-width card and was
+              otherwise leaving its right slot empty). Tags & Cleanup is also a
+              regular-width card, so the two pair naturally on one row before the
+              full-width Experimental card closes the form. */}
+          {(() => {
+            const tagsFields = sections().find(([name]) => name === "Tags & Cleanup");
+            if (!tagsFields) return null;
+            return (
+              <div class="config-card">
+                <div class="config-card-header">
+                  <span class="config-card-icon">🏷️</span>
+                  <span class="config-card-title">Tags & Cleanup</span>
+                </div>
+                <div class="config-card-content">
+                  <For each={tagsFields[1]}>{renderField}</For>
+                </div>
+              </div>
+            );
+          })()}
+
           {/* Experimental — opt-in features gated behind `experimental.*` flags.
-              May change between releases. Rendered before Tags & Cleanup so the
+              May change between releases. Full-width and rendered last so the
               "advanced" surface stays at the bottom of the form. Each feature is
               a master toggle; child controls only appear when the feature is on,
               keeping the surface compact for users who never enable any of them. */}
@@ -1873,23 +1894,6 @@ function ConfigForm(props: {
             );
           })()}
 
-          {/* Tags & Cleanup — rendered after agent cards */}
-          {(() => {
-            const tagsFields = sections().find(([name]) => name === "Tags & Cleanup");
-            if (!tagsFields) return null;
-            return (
-              <div class="config-card">
-                <div class="config-card-header">
-                  <span class="config-card-icon">🏷️</span>
-                  <span class="config-card-title">Tags & Cleanup</span>
-                </div>
-                <div class="config-card-content">
-                  <For each={tagsFields[1]}>{renderField}</For>
-                </div>
-              </div>
-            );
-          })()}
-
         </div>
       </Show>
     </div>