fix: use markdown for description in cards (#2011)

frontend/components/Domain/Recipe/RecipeCard.vue

@@ -20,7 +20,7 @@
             <div v-if="hover" class="d-flex transition-fast-in-fast-out secondary v-card--reveal" style="height: 100%">
               <v-card-text class="v-card--text-show white--text">
                 <div class="descriptionWrapper">
-                  {{ description}}
+                  <SafeMarkdown :source="description" />
                 </div>
               </v-card-text>
             </div>

frontend/components/Domain/Recipe/RecipeCardMobile.vue

@@ -22,7 +22,9 @@
         </slot>
         <v-list-item-content>
           <v-list-item-title class="mb-1">{{ name }} </v-list-item-title>
-          <v-list-item-subtitle> {{ description }} </v-list-item-subtitle>
+          <v-list-item-subtitle>
+            <SafeMarkdown :source="description" />
+          </v-list-item-subtitle>
           <div class="d-flex justify-center align-center">
             <slot name="actions">
               <RecipeFavoriteBadge v-if="loggedIn" :slug="slug" show-always />