[web] Use named route for settings

Switching to named routes in order to reduce future maintenance.

web-src/src/pages/PageSettingsArtwork.vue

@@ -55,11 +55,11 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import TabsSettings from '@/components/TabsSettings.vue'
 import SettingsCheckbox from '@/components/SettingsCheckbox.vue'
+import TabsSettings from '@/components/TabsSettings.vue'
 
 export default {
-  name: 'SettingsPageArtwork',
+  name: 'PageSettingsArtwork',
   components: { ContentWithHeading, TabsSettings, SettingsCheckbox },
 
   computed: {

web-src/src/pages/PageSettingsOnlineServices.vue

@@ -134,7 +134,7 @@ import TabsSettings from '@/components/TabsSettings.vue'
 import webapi from '@/webapi'
 
 export default {
-  name: 'SettingsPageOnlineServices',
+  name: 'PageSettingsOnlineServices',
   components: { ContentWithHeading, TabsSettings },
 
   filters: {

web-src/src/pages/PageSettingsRemotesOutputs.vue

@@ -98,7 +98,7 @@ import TabsSettings from '@/components/TabsSettings.vue'
 import webapi from '@/webapi'
 
 export default {
-  name: 'SettingsPageRemotesOutputs',
+  name: 'PageSettingsRemotesOutputs',
   components: { ContentWithHeading, TabsSettings },
 
   filters: {},

web-src/src/pages/PageSettingsWebinterface.vue

@@ -186,7 +186,7 @@ import SettingsTextfield from '@/components/SettingsTextfield.vue'
 import TabsSettings from '@/components/TabsSettings.vue'
 
 export default {
-  name: 'SettingsPageWebinterface',
+  name: 'PageSettingsWebinterface',
   components: {
     ContentWithHeading,
     ControlDropdown,