[web] Use named route for genres

Switching to named routes in order to reduce future maintenance.

web-src/src/components/ListGenres.vue

@@ -57,7 +57,7 @@ export default {
 
   methods: {
     open_genre(genre) {
-      this.$router.push({ name: 'Genre', params: { genre: genre.name } })
+      this.$router.push({ name: 'music-genre', params: { genre: genre.name } })
     },
 
     open_dialog(genre) {

web-src/src/components/ModalDialogGenre.vue

@@ -90,7 +90,10 @@ export default {
 
     open_genre() {
       this.$emit('close')
-      this.$router.push({ name: 'Genre', params: { genre: this.genre.name } })
+      this.$router.push({
+        name: 'music-genre',
+        params: { genre: this.genre.name }
+      })
     }
   }
 }

web-src/src/components/ModalDialogQueueItem.vue

@@ -234,7 +234,10 @@ export default {
     },
 
     open_genre() {
-      this.$router.push({ name: 'Genre', params: { genre: this.item.genre } })
+      this.$router.push({
+        name: 'music-genre',
+        params: { genre: this.item.genre }
+      })
     },
 
     open_spotify_artist() {

web-src/src/components/ModalDialogTrack.vue

@@ -269,7 +269,10 @@ export default {
     },
 
     open_genre() {
-      this.$router.push({ name: 'Genre', params: { genre: this.track.genre } })
+      this.$router.push({
+        name: 'music-genre',
+        params: { genre: this.track.genre }
+      })
     },
 
     open_spotify_artist() {

web-src/src/components/NavbarTop.vue

@@ -71,7 +71,7 @@
             <navbar-item-link :to="{ name: 'music-albums' }">
               <span class="pl-5" v-text="$t('navigation.albums')" />
             </navbar-item-link>
-            <navbar-item-link :to="{ path: '/music/genres' }">
+            <navbar-item-link :to="{ name: 'music-genres' }">
               <span class="pl-5" v-text="$t('navigation.genres')" />
             </navbar-item-link>
             <navbar-item-link

web-src/src/components/TabsMusic.vue

@@ -19,7 +19,7 @@
               </router-link>
               <router-link
                 v-slot="{ navigate, isActive }"
-                to="/music/artists"
+                :to="{ name: 'music-artists' }"
                 custom
               >
                 <li :class="{ 'is-active': isActive }">
@@ -35,7 +35,7 @@
               </router-link>
               <router-link
                 v-slot="{ navigate, isActive }"
-                to="/music/albums"
+                :to="{ name: 'music-albums' }"
                 custom
               >
                 <li :class="{ 'is-active': isActive }">
@@ -47,7 +47,7 @@
               </router-link>
               <router-link
                 v-slot="{ navigate, isActive }"
-                to="/music/genres"
+                :to="{ name: 'music-genres' }"
                 custom
               >
                 <li :class="{ 'is-active': isActive }">