Refactor/recipe routes (#370)

* format with black

* black format

* flake8

* remove bar exceptions

* remove test for depreciated route

* recipe settings editr

* add sqlite

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

frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="text-center">
+    <v-menu offset-y top nudge-top="6" :close-on-content-click="false">
+      <template v-slot:activator="{ on, attrs }">
+        <v-btn color="accent" dark v-bind="attrs" v-on="on">
+          <v-icon left>
+            mdi-cog
+          </v-icon>
+          {{ $t("general.settings") }}
+        </v-btn>
+      </template>
+      <v-card>
+        <v-card-title class="py-2">
+          <div>
+            Recipe Settings
+          </div>
+        </v-card-title>
+        <v-divider class="mx-2"></v-divider>
+        <v-card-text class="mt-n5">
+          <v-switch
+            dense
+            v-for="(itemValue, key) in value"
+            :key="key"
+            v-model="value[key]"
+            flat
+            inset
+            :label="labels[key]"
+            hide-details
+          ></v-switch>
+        </v-card-text>
+      </v-card>
+    </v-menu>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {
+    value: Object,
+  },
+  data: () => ({
+    labels: {
+      public: "Public Recipe",
+      showNutrition: "Show Nutrition Values",
+      showAssets: "Show Assets",
+      landscapeView: "Landscape View (Coming Soon)",
+    },
+  }),
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+</style>