Adopt TanStack Query

src/hooks/queries/useWatchedItemsQuery.ts

@@ -1,6 +1,7 @@
 // src/hooks/queries/useWatchedItemsQuery.ts
 import { useQuery } from '@tanstack/react-query';
 import * as apiClient from '../../services/apiClient';
+import { queryKeys } from '../../config/queryKeys';
 import type { MasterGroceryItem } from '../../types';
 
 /**
@@ -19,7 +20,7 @@ import type { MasterGroceryItem } from '../../types';
  */
 export const useWatchedItemsQuery = (enabled: boolean) => {
   return useQuery({
-    queryKey: ['watched-items'],
+    queryKey: queryKeys.watchedItems(),
     queryFn: async (): Promise<MasterGroceryItem[]> => {
       const response = await apiClient.fetchWatchedItems();