refactor: Rename custom hooks for consistency and clarity

src/hooks/useWatchedItems.tsx

@@ -10,7 +10,7 @@ import type { MasterGroceryItem } from '../types';
  * A custom hook to manage all state and logic related to a user's watched items.
  * It encapsulates API calls and state updates for adding and removing items.
  */
-export const useWatchedItems = () => {
+const useWatchedItemsHook = () => {
   const { user } = useAuth();
   // Get the watched items and the global setter from the DataContext.
   const { watchedItems, setWatchedItems } = useUserData();
@@ -59,4 +59,6 @@ export const useWatchedItems = () => {
     removeWatchedItem,
     error,
   };
-};
+};
+
+export { useWatchedItemsHook as useWatchedItems };