Adopt TanStack Query

src/hooks/queries/useFlyerItemsQuery.ts

@@ -1,6 +1,7 @@
 // src/hooks/queries/useFlyerItemsQuery.ts
 import { useQuery } from '@tanstack/react-query';
 import * as apiClient from '../../services/apiClient';
+import { queryKeys } from '../../config/queryKeys';
 import type { FlyerItem } from '../../types';
 
 /**
@@ -19,7 +20,7 @@ import type { FlyerItem } from '../../types';
  */
 export const useFlyerItemsQuery = (flyerId: number | undefined) => {
   return useQuery({
-    queryKey: ['flyer-items', flyerId],
+    queryKey: queryKeys.flyerItems(flyerId as number),
     queryFn: async (): Promise<FlyerItem[]> => {
       if (!flyerId) {
         throw new Error('Flyer ID is required');