Adopt TanStack Query

src/hooks/mutations/useRemoveWatchedItemMutation.ts

@@ -2,6 +2,7 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import * as apiClient from '../../services/apiClient';
 import { notifySuccess, notifyError } from '../../services/notificationService';
+import { queryKeyBases } from '../../config/queryKeys';
 
 interface RemoveWatchedItemParams {
   masterItemId: number;
@@ -48,7 +49,7 @@ export const useRemoveWatchedItemMutation = () => {
     },
     onSuccess: () => {
       // Invalidate and refetch watched items to get the updated list
-      queryClient.invalidateQueries({ queryKey: ['watched-items'] });
+      queryClient.invalidateQueries({ queryKey: queryKeyBases.watchedItems });
       notifySuccess('Item removed from watched list');
     },
     onError: (error: Error) => {