[web] Use named route for the page queue

Switching to named routes in order to reduce future maintenance.

web-src/src/components/NavbarBottom.vue

@@ -107,7 +107,7 @@
       </div>
     </div>
     <div class="navbar-brand is-flex-grow-1">
-      <navbar-item-link :to="{ path: '/' }" exact class="mr-auto">
+      <navbar-item-link :to="{ name: 'queue' }" exact class="mr-auto">
         <mdicon class="icon" name="playlist-play" size="24" />
       </navbar-item-link>
       <navbar-item-link

web-src/src/router/index.js

@@ -49,11 +49,6 @@ export const router = createRouter({
       name: 'about',
       path: '/about'
     },
-    {
-      path: '/',
-      name: 'PageQueue',
-      component: PageQueue
-    },
     {
       component: PageAudiobooksAlbum,
       meta: { show_progress: true },
@@ -215,6 +210,11 @@ export const router = createRouter({
       component: PagePlaylist,
       meta: { show_progress: true }
     },
+    {
+      component: PageQueue,
+      name: 'queue',
+      path: '/'
+    },
     {
       path: '/search',
       redirect: '/search/library'