レシピ追加時のエラーメッセージを表示

frontend/src/pages/AddRecipe.tsx

@@ -84,6 +84,7 @@ const AddRecipe: React.FC = () => {
       return false;
     }
 
+    try {
       if (!recipeId) {
         //  新規追加
         const response = await recipeApi.addRecipe({
@@ -100,6 +101,10 @@ const AddRecipe: React.FC = () => {
         summary: recipeSummary,
         stuffAndAmountArray: items,
       })
+    } catch {
+      alert('レシピの送信に失敗しました。既に同じ名前の料理が存在する可能性があります。');
+      return false;
+    }
 
     return recipeId;
   }