feat(recipes/api): add fetch-tips-by-id.js to fetch tips by recipe id

The new file fetch-tips-by-id.js is added to fetch tips related to a specific recipe by its id. This
feature enhances the user experience by providing relevant tips for each recipe. The function is
exported in the index.js file for easy access and use in other parts of the application.

src/features/recipes/api/fetch-tips-by-id.js

@@ -0,0 +1,9 @@
+import { fetchTips } from "@/api/tips";
+import { useQuery } from "@tanstack/react-query";
+
+export function FetchTipsById(id) {
+  const fetch = "tips for: " + id;
+  return useQuery(["tips", fetch], () => fetchTips(id), {
+    enabled: !!id,
+  });
+}

src/features/recipes/api/index.js

@@ -1,3 +1,4 @@
 export * from "./use-recipes";
 export * from "./fetch-recipes";
 export * from "./fetch-recipe-by-id";
+export * from "./fetch-tips-by-id";