fix: resolve Svelte a11y and reactivity build warnings

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

src/lib/components/fitness/WorkoutFab.svelte

@@ -30,6 +30,7 @@ const restProgress = $derived(restTotal > 0 ? restSeconds / restTotal : 0);
 		<SyncIndicator status={syncStatus} />
 	</div>
 	{#if restTotal > 0 && restSeconds > 0}
+		<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions -->
 		<div class="rest-pill" onclick={(e) => e.stopPropagation()}>
 			<div class="rest-fill" style:width="{restProgress * 100}%"></div>
 			<div class="rest-controls">

src/routes/fitness/[stats=fitnessStats]/+page.svelte

@@ -159,8 +159,9 @@
 	</div>
 
 	{#if goalEditing}
-		<div class="goal-editor-overlay" onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="dialog">
-			<div class="goal-editor-backdrop" onclick={() => goalEditing = false}></div>
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div class="goal-editor-overlay" onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="dialog" tabindex="-1">
+			<div class="goal-editor-backdrop" onclick={() => goalEditing = false} onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="presentation"></div>
 			<div class="goal-editor-panel">
 				<h3>{t('weekly_goal', lang)}</h3>
 				<div class="goal-input-row">

src/routes/fitness/[workout=fitnessWorkout]/[active=fitnessActive]/+page.svelte

@@ -90,7 +90,7 @@
 		}
 	}
 
-	let gpsToggling = false;
+	let gpsToggling = $state(false);
 	async function toggleGps() {
 		if (gpsToggling) return;
 		gpsToggling = true;