add button link for customized Link looking like a Button

frontend/src/components/recipes/RecipeDetailPage.tsx

@@ -3,6 +3,7 @@ import type { Recipe } from "../../types/recipe"
 import { useEffect, useState } from "react"
 import { fetchRecipe } from "../../api/recipePoint"
 import { getRecipeEditUrl, getRecipeListUrl } from "../../routes"
+import ButtonLink from "../basics/ButtonLink"
 
 
 /**
@@ -123,18 +124,16 @@ export default function RecipeDetailPage() {
 
       {/* Action buttons */}
       <div className="button-group">
-        <Link
-          to={ getRecipeEditUrl(recipe.id) }
-          className="basic-button primary-button-bg primary-button-text"
-        >
-          Bearbeiten
-        </Link>
-        <Link
+        <ButtonLink
+          to={getRecipeEditUrl(recipe.id)}
+          className="basic-button primary-button-bg primary-button-text" 
+          text="Bearbeiten"
+        />
+        <ButtonLink
           to={getRecipeListUrl()}
-          className="basic-button default-button-bg default-button-text"
-        >
-          Zurueck
-        </Link>
+          className="basic-button default-button-bg default-button-text" 
+          text="Zurueck"        
+        />
       </div>
 
     </div>