Add scrobble functionality (#19)

* Fix slider bar background to use theme

* Add "scrobbleAtDuration" to settings store

* Add subscribeWithSelector and playCount incrementor

* Add scrobbling API and mutation

* Add scrobble settings

* Begin support for multi-server queue handling

* Dynamically set version on auth header

* Add scrobbling functionality for navidrome/jellyfin

src/renderer/features/player/mutations/scrobble-mutation.ts

@@ -0,0 +1,25 @@
+import { useMutation } from '@tanstack/react-query';
+import { HTTPError } from 'ky';
+import { api } from '/@/renderer/api';
+import { RawScrobbleResponse, ScrobbleArgs } from '/@/renderer/api/types';
+import { MutationOptions } from '/@/renderer/lib/react-query';
+import { useAuthStore, useCurrentServer, useIncrementQueuePlayCount } from '/@/renderer/store';
+
+export const useSendScrobble = (options?: MutationOptions) => {
+  const currentServer = useCurrentServer();
+  const incrementPlayCount = useIncrementQueuePlayCount();
+
+  return useMutation<RawScrobbleResponse, HTTPError, Omit<ScrobbleArgs, 'server'>, null>({
+    mutationFn: (args) => {
+      const server = useAuthStore.getState().actions.getServer(args._serverId) || currentServer;
+      return api.controller.scrobble({ ...args, server });
+    },
+    onSuccess: (_data, variables) => {
+      // Manually increment the play count for the song in the queue if scrobble was submitted
+      if (variables.query.submission) {
+        incrementPlayCount([variables.query.id]);
+      }
+    },
+    ...options,
+  });
+};