improvement(player): use togglePause instead of pause and resume

src/lib/components/groove/Footer.svelte

@@ -117,12 +117,7 @@
 			<Button variant="outline" size="icon">
 				<SkipBack />
 			</Button>
-			<Button
+			<Button type="submit" formaction="/player?/toggle-pause" variant="outline" size="icon">
-				type="submit"
-				formaction="/player?/{player.isPaused ? 'resume' : 'pause'}"
-				variant="outline"
-				size="icon"
-			>
 				{#if player.isPaused}
 					<Play />
 				{:else}

src/routes/player/+page.server.ts

@@ -22,6 +22,15 @@ export const actions = {
 			isPaused: response.response.isPaused
 		};
 	},
+	'toggle-pause': async () => {
+		const client = new PlayerClient(protoTransport);
+
+		const response = await client.togglePause({});
+
+		return {
+			isPaused: response.response.isPaused
+		};
+	},
 	seek: async ({ request }) => {
 		const formData = await request.formData();