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/global/RecipeJsonEditor.vue

@@ -0,0 +1,22 @@
+<template>
+  <VJsoneditor v-model="value" height="1500px" :options="options" :attrs="$attrs"></VJsoneditor>
+</template>
+
+<script>
+import VJsoneditor from "v-jsoneditor";
+
+export default {
+  components: { VJsoneditor },
+  props: {
+    value: {
+      type: Object,
+      default: () => ({}),
+    },
+    options: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+};
+</script>
+