redesigned payment page + a lot of fixes

frontend/pweb/lib/pages/dashboard/payouts/quote_status/widgets/refresh_section.dart

@@ -48,34 +48,14 @@ class QuoteAutoRefreshSection extends StatelessWidget {
           ),
         ),
         const SizedBox(width: _autoRefreshSpacing),
-        ToggleButtons(
-          isSelected: [
-            autoRefreshMode == AutoRefreshMode.off,
-            autoRefreshMode == AutoRefreshMode.on,
-          ],
-          onPressed: canRefresh
-              ? (index) {
-                  final nextMode =
-                      index == 1 ? AutoRefreshMode.on : AutoRefreshMode.off;
-                  if (nextMode == autoRefreshMode) return;
-                  onModeChanged(nextMode);
-                }
+        Switch.adaptive(
+          activeTrackColor: theme.colorScheme.primary,
+          value: autoRefreshMode == AutoRefreshMode.on,
+          onChanged: canRefresh
+              ? (value) => onModeChanged(
+                    value ? AutoRefreshMode.on : AutoRefreshMode.off,
+                  )
               : null,
-          borderRadius: BorderRadius.circular(999),
-          constraints: const BoxConstraints(minHeight: 32, minWidth: 56),
-          selectedColor: theme.colorScheme.onPrimary,
-          fillColor: theme.colorScheme.primary,
-          color: theme.colorScheme.onSurface,
-          children: [
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 12),
-              child: Text(loc.toggleOff),
-            ),
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 12),
-              child: Text(loc.toggleOn),
-            ),
-          ],
         ),
       ],
     );