centralize all routes

frontend/src/components/recipes/RecipeDetailPage.tsx

@@ -2,6 +2,7 @@ import { useParams, Link } from "react-router-dom"
 import type { Recipe } from "../../types/recipe"
 import { useEffect, useState } from "react"
 import { fetchRecipe } from "../../api/recipePoint"
+import { getRecipeEditUrl, getRecipeListUrl } from "../../routes"
 
 
 /**
@@ -123,13 +124,13 @@ export default function RecipeDetailPage() {
       {/* Action buttons */}
       <div className="button-group">
         <Link
-          to={`/recipe/${recipe.id}/edit`}
+          to={ getRecipeEditUrl(recipe.id) }
           className="primary-button"
         >
           Bearbeiten
         </Link>
         <Link
-          to="/"
+          to={getRecipeListUrl()}
           className="default-button"
         >
           Zurueck