App Bar Rewrite (#347)

* Dummy Commit

* consolidate sidebar and app bar

* fix image error

* consolidate sidebar

* new icon for user menu

* fixes #329

* fix double click on mobile

* swap to computed properties

* fix open/close bug

* rewrite search for mobile

* fix ingredient checkbox

* cleanup console.logs

* set default lang + bump version

* draft changelog

* reword

* update env variables

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

frontend/src/App.vue

@@ -1,5 +1,6 @@
 <template>
   <v-app>
+    <!-- Dummpy Comment -->
     <TheAppBar />
     <v-main>
       <v-banner v-if="demo" sticky
@@ -7,10 +8,6 @@
           <b> This is a Demo</b> | Username: changeme@email.com | Password: demo
         </div></v-banner
       >
-
-      <v-slide-x-reverse-transition>
-        <TheRecipeFab v-if="loggedIn" />
-      </v-slide-x-reverse-transition>
       <router-view></router-view>
     </v-main>
     <FlashMessage :position="'right bottom'"></FlashMessage>
@@ -19,7 +16,6 @@
 
 <script>
 import TheAppBar from "@/components/UI/TheAppBar";
-import TheRecipeFab from "@/components/UI/TheRecipeFab";
 import Vuetify from "./plugins/vuetify";
 import { user } from "@/mixins/user";
 
@@ -28,7 +24,6 @@ export default {
 
   components: {
     TheAppBar,
-    TheRecipeFab,
   },
 
   mixins: [user],
@@ -40,14 +35,6 @@ export default {
     },
   },
 
-  async created() {
-    window.addEventListener("keyup", e => {
-      if (e.key == "/" && !document.activeElement.id.startsWith("input")) {
-        this.search = !this.search;
-      }
-    });
-  },
-
   async mounted() {
     this.$store.dispatch("initTheme");
     this.$store.dispatch("requestRecentRecipes");
@@ -58,6 +45,7 @@ export default {
     this.darkModeSystemCheck();
     this.darkModeAddEventListener();
     this.$store.dispatch("requestAppInfo");
+    this.$store.dispatch("requestCustomPages");
   },
 
   methods: {