replace all html buttons with button component

frontend/src/components/recipes/RecipeEditor.tsx

@@ -2,6 +2,7 @@ import { useState } from "react"
 import type { Recipe } from "../../types/recipe"
 import type { IngredientGroup } from "../../types/ingredientGroup"
 import { IngredientGroupListEditor } from "./IngredientGroupListEditor"
+import Button, { ButtonType } from "../basics/Button"
 
 type RecipeEditorProps = {
   recipe: Recipe
@@ -129,18 +130,15 @@ export default function RecipeEditor({ recipe, onSave, onCancel }: RecipeEditorP
 
       <div className="button-group">
         {/* Save Button */}
-        <button
-          className="primary-button"
+        <Button 
           onClick={() => handleSave(draft)}
-        >
-          Save
-        </button>
-        <button
-          className="default-button"
+          text={"Save"}
+          buttonType={ButtonType.PrimaryButton}
+        />
+        <Button 
           onClick={() => onCancel()}
-        >
-          Cancel
-        </button>
+          text={"Cancel"}
+        />
       </div>
     </div>
     )