big ol' impl of zustand for settings/family states

still need to move track player state over for non-react access to that

app/hooks/server.ts

@@ -0,0 +1,55 @@
+import { albumListAtom, artistsAtom, homeListsAtom, playlistsAtom, searchResultsAtom } from '@app/state/music'
+import { selectSettings } from '@app/state/settings'
+import { useStore } from '@app/state/store'
+import { useReset } from '@app/state/trackplayer'
+import { useUpdateAtom } from 'jotai/utils'
+import { useEffect } from 'react'
+
+export const useSwitchActiveServer = () => {
+  const activeServer = useStore(selectSettings.activeServer)
+  const setActiveServer = useStore(selectSettings.setActiveServer)
+  const setArtists = useUpdateAtom(artistsAtom)
+  const setHomeLists = useUpdateAtom(homeListsAtom)
+  const setSearchResults = useUpdateAtom(searchResultsAtom)
+  const setPlaylists = useUpdateAtom(playlistsAtom)
+  const setAlbumLists = useUpdateAtom(albumListAtom)
+  const resetPlayer = useReset()
+
+  return async (id: string) => {
+    if (id === activeServer?.id) {
+      return
+    }
+
+    await resetPlayer()
+
+    setArtists([])
+    setHomeLists({})
+    setSearchResults({ artists: [], albums: [], songs: [] })
+    setPlaylists([])
+    setAlbumLists([])
+
+    setActiveServer(id)
+  }
+}
+
+export const useActiveListRefresh = (list: unknown[], update: () => void) => {
+  const activeServer = useStore(selectSettings.activeServer)
+
+  useEffect(() => {
+    if (list.length === 0) {
+      update()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [activeServer])
+}
+
+export const useActiveServerRefresh = (update: () => void) => {
+  const activeServer = useStore(selectSettings.activeServer)
+
+  useEffect(() => {
+    if (activeServer) {
+      update()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [activeServer])
+}