feat(frontend): ✨ Add Meal Tags + UI Improvements (#807)

* feat: ✨

* fix colors

* add additional support for settings meal tag

* add defaults to recipe

* use group reciep settings

* fix login infinite loading

* disable owner on initial load

* add skeleton loader

* add v-model support

* formatting

* fix overwriting existing values

* feat(frontend): ✨ add markdown preview for steps

* update black plus formatting

* update help text

* fix overwrite error

* remove print

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/components/Domain/Recipe/RecipeInstructions.vue

@@ -2,7 +2,7 @@
   <section @keyup.ctrl.90="undoMerge">
     <!-- Ingredient Link Editor -->
     <v-dialog v-model="dialog" width="600">
-      <v-card>
+      <v-card :ripple="false">
         <v-app-bar dark color="primary" class="mt-n1 mb-3">
           <v-icon large left>
             {{ $globals.icons.link }}
@@ -127,8 +127,7 @@
               </v-fade-transition>
             </v-card-title>
             <v-card-text v-if="edit">
-              <v-textarea :key="'instructions' + index" v-model="value[index]['text']" auto-grow dense rows="4">
-              </v-textarea>
+              <MarkdownEditor v-model="value[index]['text']" />
               <div
                 v-for="ing in step.ingredientReferences"
                 :key="ing.referenceId"
@@ -417,4 +416,9 @@ export default defineComponent({
 });
 </script>
 
+<style scoped>
+.v-card--link:before {
+  background: none;
+}
+</style>