Use gunicorn instead of Werkzeug and 32 more very minor changes (#35)

src/components/RightSideBar/Search.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="right-search">
     <Options />
-    <!-- </div> -->
     <div class="scrollable" ref="search_thing">
       <TracksGrid
         v-if="tracks.tracks.length"
         :more="tracks.more"
         :tracks="tracks.tracks"
+        :query="search.query"
         @loadMore="loadMoreTracks"
       />
       <div class="separator no-border" v-if="tracks.tracks.length"></div>
@@ -49,8 +49,7 @@
 
 <script setup>
 import { reactive, ref } from "@vue/reactivity";
-
-import state from "@/composables/state";
+import state from "../../composables/state";
 import searchMusic from "@/composables/searchMusic.js";
 import useDebouncedRef from "@/composables/useDebouncedRef";
 import AlbumGrid from "@/components/Search/AlbumGrid.vue";
@@ -83,8 +82,6 @@ const artists = reactive({
   more: false,
 });
 
-const query = useDebouncedRef("", 600);
-
 function scrollSearchThing() {
   search_thing.value.scroll({
     top: search_thing.value.scrollTop + 330,