Implement fuzzy page search using fuse.js (#86)

src/assets/scss/Global/basic.scss

@@ -16,6 +16,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
+  width: fit-content;
+  max-width: 100%;
 }
 
 .rounded {

src/assets/scss/Global/controls.scss

@@ -1,57 +0,0 @@
-.controls {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-
-  .shuffle {
-    width: 100%;
-    display: flex;
-    align-items: center;
-
-    & * {
-      height: 2rem;
-      width: 2rem;
-      background-size: 70%;
-      cursor: pointer;
-      border-radius: 0.5rem;
-
-      &:hover {
-        background-color: rgb(170, 50, 50);
-      }
-    }
-
-    & :first-child {
-      background-image: url(../../assets/icons/repeat.svg);
-    }
-
-    & :last-child {
-      background-image: url(../../assets/icons/shuffle.svg);
-    }
-  }
-
-  .fav {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    & * {
-      height: 2rem;
-      width: 2rem;
-      background-size: 70%;
-      border-radius: 0.5rem;
-      cursor: pointer;
-
-      &:hover {
-        background-color: rgb(170, 50, 50);
-      }
-    }
-
-    & :first-child {
-      background-image: url(../../assets/icons/plus.svg);
-    }
-
-    & :last-child {
-      background-image: url(../../assets/icons/heart.svg);
-    }
-  }
-}

src/assets/scss/Global/index.scss

@@ -11,6 +11,15 @@
   box-sizing: border-box;
 }
 
+html {
+  cursor: default !important;
+}
+
+html.loading,
+html.loading * {
+  cursor: progress !important;
+}
+
 body {
   background-color: $body;
   color: $white;
@@ -27,4 +36,8 @@ body {
     width: 100%;
     margin: 0 auto;
   }
+
+  a {
+    cursor: default !important;
+  }
 }

src/assets/scss/Global/search-tabheaders.scss

@@ -17,7 +17,6 @@
     justify-content: center;
     user-select: none;
 
-    cursor: pointer;
     transition: all 0.3s ease;
     padding: 0 $small;