refactor api controller to internalize server fetch

src/renderer/features/songs/components/navidrome-song-filters.tsx

@@ -10,8 +10,8 @@ import {
 import { genresQueries } from '/@/renderer/features/genres/api/genres-api';
 import { sharedQueries } from '/@/renderer/features/shared/api/shared-api';
 import {
-    getServerById,
     SongListFilter,
+    useCurrentServer,
     useListFilterByKey,
     useListStoreActions,
 } from '/@/renderer/store';
@@ -42,7 +42,7 @@ export const NavidromeSongFilters = ({
     const { t } = useTranslation();
     const { setFilter } = useListStoreActions();
     const filter = useListFilterByKey<SongListQuery>({ key: pageKey });
-    const server = getServerById(serverId);
+    const server = useCurrentServer();
 
     const isGenrePage = customFilters?.genreIds !== undefined;
 

src/renderer/features/songs/components/song-list-grid-view.tsx

@@ -43,7 +43,7 @@ export const SongListGridView = ({ gridRef, itemCount }: SongListGridViewProps)
     const scrollOffset = searchParams.get('scrollOffset');
     const initialScrollOffset = Number(id ? scrollOffset : grid?.scrollOffset) || 0;
 
-    const handleFavorite = useHandleFavorite({ gridRef, server });
+    const handleFavorite = useHandleFavorite({ gridRef });
 
     useEffect(() => {
         const unSub = useEventStore.subscribe((state) => {
@@ -189,7 +189,7 @@ export const SongListGridView = ({ gridRef, itemCount }: SongListGridViewProps)
                 queryFn: async ({ signal }) =>
                     controller.getSongList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query,