break down the api blueprint into smaller blueprints

src/components/RightSideBar/Tabs.vue

@@ -23,7 +23,7 @@ const tabs = useTabStore();
 <style lang="scss">
 .tabs {
   padding: $small;
-  height: 4rem;
+  height: 4.25rem;
 
   .cont {
     background-color: $primary;

src/composables/getFiles.js

@@ -1,4 +1,4 @@
-let base_uri = "http://0.0.0.0:9876";
+let base_uri = "http://10.5.8.182:9876/";
 
 const getTracksAndDirs = async (path) => {
     let url;

src/composables/loadmore.js

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const url = "http://0.0.0.0:9876/search/loadmore";
+const url = "http://10.5.8.182:9876/search/loadmore";
 
 async function loadMoreTracks(start) {
   const response = await axios.get(url, {

src/composables/perks.js

@@ -9,7 +9,7 @@ const current = ref(state.current);
 const next = ref({
   title: "The next song",
   artists: ["... blah blah blah"],
-  image: "http://0.0.0.0:8900/images/defaults/4.webp",
+  image: "http://10.5.8.182:8900/images/defaults/4.webp",
   _id: {
     $oid: "",
   },

src/composables/playAudio.js

@@ -11,7 +11,7 @@ const current_time = ref(0);
 
 const playing = ref(state.is_playing);
 
-const url = "http://0.0.0.0:9876/file/";
+const url = "http://10.5.8.182:9876//file/";
 
 const playAudio = (trackid) => {
     const elem = document.getElementById('progress');

src/composables/state.ts

@@ -8,7 +8,7 @@ const queue = ref(
   Array<i.Track>({
     title: "Nothing played yet",
     artists: ["... blah blah blah"],
-    image: "http://0.0.0.0:8900/images/thumbnails/4.webp",
+    image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
     trackid: "",
   })
 );
@@ -19,14 +19,14 @@ const folder_list = ref([]);
 const current = ref(<i.Track>{
   title: "Nothing played yet",
   artists: ["... blah blah blah"],
-  image: "http://0.0.0.0:8900/images/thumbnails/4.webp",
+  image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
   trackid: "",
 });
 
 const prev = ref(<i.Track>{
   title: "Nothing played yet",
   artists: ["... blah blah blah"],
-  image: "http://0.0.0.0:8900/images/thumbnails/4.webp",
+  image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
   trackid: "",
 });
 
@@ -40,7 +40,7 @@ const album = reactive({
 const loading = ref(false);
 const is_playing = ref(false);
 const settings = reactive({
-  uri: "http://0.0.0.0:9876",
+  uri: "http://10.5.8.182:9876",
 });
 
 export default {