more detail on index; move delete to recipe page

frontend/src/services/frontendApi.js

@@ -23,6 +23,9 @@ export const getRecipeIngredients = async () => {
 export const getRecipeById = async (id) => {
   const response = await fetch(`${baseUrl}backend/recipe/${id}`);
   const data = await response.json();
+  if (!data || !data.details) {
+    return { details: null };
+  }
   return data;
 };