fix(admin): size the switch toggle in pixels at the 14px root

The admin sets the html font size to 14px, so the rem utilities w-11 and
size-5 shrank the track to 38.5px and the knob to 17.5px against the
fixed 26px height and 18px travel. Use w-[44px] and size-[20px] so the
knob sits in a symmetric 3px inset at both ends. Rebuild the embedded
admin shell.

admin/src/components/form/fields/SwitchField.vue

@@ -34,12 +34,12 @@ function toggle(): void {
       :aria-invalid="invalid ? 'true' : undefined"
       :aria-describedby="describedBy || undefined"
       :class="on ? 'bg-primary' : 'bg-border-strong'"
-      class="relative h-[26px] w-11 shrink-0 rounded-pill transition-colors duration-150 ease-out"
+      class="relative h-[26px] w-[44px] shrink-0 rounded-pill transition-colors duration-150 ease-out"
       @click="toggle"
     >
       <span
         :class="on ? 'translate-x-[18px] bg-on-primary' : 'translate-x-0 bg-white'"
-        class="absolute top-[3px] left-[3px] size-5 rounded-full shadow-tab transition-transform duration-150 ease-out"
+        class="absolute top-[3px] left-[3px] size-[20px] rounded-full shadow-tab transition-transform duration-150 ease-out"
         aria-hidden="true"
       />
     </button>

modules/boardwalk/dist/index.html

@@ -7,8 +7,8 @@
     <meta name="summer-admin-base" content="__SUMMER_ADMIN_BASE__" />
     <link rel="icon" href="./favicon.ico" sizes="48x48" />
     <title>SummerCMS</title>
-    <script type="module" crossorigin src="./assets/index-CE_etpB7.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-X2xCWuiY.css">
+    <script type="module" crossorigin src="./assets/index-kMerM-BR.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BhDUy2Lr.css">
   </head>
   <body>
     <div id="app"></div>