fix: give the paused auto-reload badge the inverted treatment

Paused is an alert state; use the high-contrast (inverted) badge so it
stands out, keeping the quieter secondary badge for the "off" state.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/platform/workspace/components/dialogs/settings/AutoReloadSection.vue

@@ -52,7 +52,7 @@
           <span class="text-sm text-muted-foreground">
             {{ $t('workspacePanel.autoReload.tile.label') }}
           </span>
-          <StatusBadge v-if="badge" :label="badge" severity="secondary" />
+          <StatusBadge v-if="badge" :label="badge" :severity="badgeSeverity" />
         </div>
 
         <p
@@ -151,6 +151,12 @@ const badge = computed(() => {
   return ''
 })
 
+// Paused is an alert state, so give it the high-contrast (inverted) pill; the
+// quieter "off" state keeps the secondary treatment.
+const badgeSeverity = computed(() =>
+  isPaused.value ? 'contrast' : 'secondary'
+)
+
 const reloadCreditsLabel = computed(() => fmtCredits(config.reloadCredits))
 const thresholdLabel = computed(() => fmtCredits(config.thresholdCredits))