買うものリストで材料名が空白の時追加できないよう修正

frontend/src/constants/errorMessages.ts

@@ -6,6 +6,7 @@
 // 一般的なエラーメッセージ
 export const GENERAL_ERRORS = {
   UNEXPECTED_ERROR: '予期せぬエラーが発生しました',
+  INVALID_STUFF_NAME: '材料名が正しく入力されていません。',
   INVALID_AMOUNT: '数量が正しく入力されていません。',
   INVALID_PRICE: '価格が正しく入力されていません。',
 };

frontend/src/pages/TaskListPage.tsx

@@ -158,6 +158,13 @@ const TaskListPage: React.FC = () => {
         return;
       }
 
+      newToBuy.stuffName = newToBuy.stuffName.trim();  // 材料名の前後の空白を削除
+      
+      if (!newToBuy.stuffName) {
+        showErrorMessage(GENERAL_ERRORS.INVALID_STUFF_NAME);
+        return;
+      }
+
       console.log(newToBuy)
       await toBuyApi.addToBuy(newToBuy);
       setOpenAddToBuyDialog(false); // ダイアログを閉じる