Feature/restore-recipe-functionality (#810)

* feat(frontend): ✨ add back support for assets

* feat(backend): ✨ add back support for assets

* feat(frontend): ✨ add support for recipe tools

* feat(backend): ✨ add support for recipe tools

* feat(frontend): ✨ add onHand support for recipe toosl

* feat(backend): ✨ add onHand support for backend

* refactor(frontend): ♻️ move items to recipe folder and break apart types

* feat(frontend): ✨ add support for recipe comments

* feat(backend): ✨ Add support for recipe comments

* fix(backend): 💥 disable comments import

* fix(frontend): 🐛 fix rendering issue with titles when moving steps

* add tools to changelog

* fix type errors

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

frontend/components/Domain/Recipe/RecipeTools.vue

@@ -0,0 +1,88 @@
+<template>
+  <div v-if="edit || (value && value.length > 0)">
+    <template v-if="edit">
+      <v-autocomplete
+        v-if="tools"
+        v-model="recipeTools"
+        :items="tools"
+        item-text="name"
+        multiple
+        return-object
+        deletable-chips
+        :prepend-icon="$globals.icons.potSteam"
+        chips
+      >
+        <template #selection="data">
+          <v-chip
+            :key="data.index"
+            small
+            class="ma-1"
+            :input-value="data.selected"
+            close
+            label
+            color="accent"
+            dark
+            @click:close="recipeTools.splice(data.index, 1)"
+          >
+            {{ data.item.name || data.item }}
+          </v-chip>
+        </template>
+        <template #append-outer="">
+          <BaseDialog title="Create New Tool" @submit="actions.createOne()">
+            <template #activator="{ open }">
+              <v-btn icon @click="open">
+                <v-icon> {{ $globals.icons.create }}</v-icon>
+              </v-btn>
+            </template>
+            <v-card-text>
+              <v-text-field v-model="workingToolData.name" label="Tool Name"></v-text-field>
+              <v-checkbox v-model="workingToolData.onHand" label="Show as On Hand (Checked)"></v-checkbox>
+            </v-card-text>
+          </BaseDialog>
+        </template>
+      </v-autocomplete>
+    </template>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@nuxtjs/composition-api";
+import { computed } from "vue-demi";
+import { Tool } from "~/api/class-interfaces/tools";
+import { useTools } from "~/composables/recipes";
+
+export default defineComponent({
+  props: {
+    value: {
+      type: Array as () => Tool[],
+      required: true,
+    },
+    edit: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, context) {
+    const { tools, actions, workingToolData } = useTools();
+
+    const recipeTools = computed({
+      get: () => {
+        return props.value;
+      },
+      set: (val) => {
+        context.emit("input", val);
+      },
+    });
+
+    return {
+      workingToolData,
+      actions,
+      tools,
+      recipeTools,
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+</style>