basic instructions editor

frontend/src/components/recipes/RecipeDetailPage.tsx

@@ -122,9 +122,15 @@ export default function RecipeDetailPage() {
         ))}
       </ul>
 
-      {/* Instructions */}
+      {/* Instructions - @todo add reasonable list delegate component*/}
       <h2 className="section-heading">Zubereitung</h2>
-      <p className="mb-6">{recipe.instructions}</p>
+      <ol className="default-list mb-6">
+        {recipe.instructionStepList.map((step,j) =>(
+          <li key={j}>
+            {step.text}
+          </li>
+        ))}
+      </ol>
 
       {/* Action buttons */}
       <div className="button-group">