fix(frontend): 🐛 fix section titles carrying over on deleted items (#765)

* fix(frontend): 🐛 fix section titles carrying over on deleted items

Added a UUID generator to generate unique id's and prevent list changes from causing proper virtual dom re-renders.

* lazy load json editor

* fix ingredient rendering error

* move text to input

* update settings styling

* improve mobile view

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

frontend/components/Domain/Recipe/RecipeSettingsMenu.vue

@@ -16,14 +16,14 @@
           </div>
         </v-card-title>
         <v-divider class="mx-2"></v-divider>
-        <v-card-text class="mt-n5">
+        <v-card-text class="mt-n5 pt-6 pb-2">
           <v-switch
             v-for="(itemValue, key) in value"
             :key="key"
             v-model="value[key]"
+            xs
             dense
-            flat
-            inset
+            class="my-1"
             :label="labels[key]"
             hide-details
           ></v-switch>