chore(ui): update sidebar content

front/src/style/colors.scss

@@ -134,13 +134,13 @@
 
         &.is-hovered,
         &:hover {
-          --fw-bg-color: var(--fw-gray-300);
+          --fw-bg-color: var(--fw-gray-200);
         }
 
         &.is-active,
         &.active,
         &:active {
-          --fw-bg-color: var(--fw-gray-400);
+          --fw-bg-color: var(--fw-gray-300);
           &.router-link-exact-active {
             --fw-bg-color: var(--fw-gray-500);
           }

front/src/ui/components/Sidebar.vue

@@ -91,16 +91,18 @@ const uploads = useUploadsStore()
         />
       </div>
 
-      <h3>Explore</h3>
-
       <nav class="button-list">
         <Link to="/library"
           color="secondary"
           variant="ghost"
           icon="bi-compass"
         >
-          All of Funkwhale
+          Explore
         </Link>
+
+      </nav>
+
+      <nav class="button-list">
         <Link to="/library/music"
           color="secondary"
           variant="ghost"
@@ -115,19 +117,6 @@ const uploads = useUploadsStore()
         >
           Podcasts
         </Link>
-      </nav>
-
-      <h3>Library</h3>
-      <div class="pill-list">
-        <Pill>Music</Pill>
-        <Pill outline>
-          Podcasts
-        </Pill>
-        <Pill outline>
-          Sharing
-        </Pill>
-      </div>
-      <nav class="button-list">
         <Link to="/"
           color="secondary"
           variant="ghost"