refactor api controller to internalize server fetch

src/renderer/features/albums/components/album-detail-content.tsx

@@ -290,19 +290,19 @@ export const AlbumDetailContent = ({ background, tableRef }: AlbumDetailContentP
 
         if (detailQuery.data.userFavorite) {
             deleteFavoriteMutation.mutate({
+                apiClientProps: { serverId: detailQuery.data.serverId },
                 query: {
                     id: [detailQuery.data.id],
                     type: LibraryItem.ALBUM,
                 },
-                serverId: detailQuery.data.serverId,
             });
         } else {
             createFavoriteMutation.mutate({
+                apiClientProps: { serverId: detailQuery.data.serverId },
                 query: {
                     id: [detailQuery.data.id],
                     type: LibraryItem.ALBUM,
                 },
-                serverId: detailQuery.data.serverId,
             });
         }
     };

src/renderer/features/albums/components/album-detail-header.tsx

@@ -118,11 +118,11 @@ export const AlbumDetailHeader = forwardRef(
             if (!detailQuery?.data) return;
 
             updateRatingMutation.mutate({
+                apiClientProps: { serverId: detailQuery.data.serverId },
                 query: {
                     item: [detailQuery.data],
                     rating,
                 },
-                serverId: detailQuery.data.serverId,
             });
         };
 

src/renderer/features/albums/components/album-list-grid-view.tsx

@@ -35,7 +35,7 @@ export const AlbumListGridView = ({ gridRef, itemCount }: any) => {
     const scrollOffset = searchParams.get('scrollOffset');
     const initialScrollOffset = Number(id ? scrollOffset : grid?.scrollOffset) || 0;
 
-    const handleFavorite = useHandleFavorite({ gridRef, server });
+    const handleFavorite = useHandleFavorite({ gridRef });
 
     const cardRows = useMemo(() => {
         const rows: CardRow<Album>[] = [ALBUM_CARD_ROWS.name];
@@ -177,7 +177,7 @@ export const AlbumListGridView = ({ gridRef, itemCount }: any) => {
                 queryFn: async ({ signal }) =>
                     controller.getAlbumList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query,

src/renderer/features/albums/components/navidrome-album-filters.tsx

@@ -12,7 +12,7 @@ import { genresQueries } from '/@/renderer/features/genres/api/genres-api';
 import { sharedQueries } from '/@/renderer/features/shared/api/shared-api';
 import {
     AlbumListFilter,
-    getServerById,
+    useCurrentServer,
     useListStoreActions,
     useListStoreByKey,
 } from '/@/renderer/store';
@@ -53,7 +53,7 @@ export const NavidromeAlbumFilters = ({
     const { t } = useTranslation();
     const { filter } = useListStoreByKey<AlbumListQuery>({ key: pageKey });
     const { setFilter } = useListStoreActions();
-    const server = getServerById(serverId);
+    const server = useCurrentServer();
 
     const genreListQuery = useQuery(
         genresQueries.list({