Fix routingu widoków i filtrowania scenerii

src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue

@@ -5,7 +5,12 @@
         {{ station.onlineInfo.dispatcherExp > 1 ? station.onlineInfo.dispatcherExp : 'L' }}
       </span>
 
-      <span class="dispatcher_name">{{ station.onlineInfo.dispatcherName }}</span>
+      <router-link
+        class="dispatcher_name"
+        :to="`/journal/dispatchers?dispatcherName=${station.onlineInfo.dispatcherName}`"
+      >
+        {{ station.onlineInfo.dispatcherName }}
+      </router-link>
 
       <span class="dispatcher_likes text--primary">
         <img :src="icons.like" alt="icon-like" />
@@ -34,9 +39,10 @@ import { defineComponent } from 'vue';
 import styleMixin from '@/mixins/styleMixin';
 import Station from '@/scripts/interfaces/Station';
 import dateMixin from '@/mixins/dateMixin';
+import routerMixin from '@/mixins/routerMixin';
 
 export default defineComponent({
-  mixins: [styleMixin, dateMixin],
+  mixins: [styleMixin, dateMixin, routerMixin],
   props: {
     station: {
       type: Object as () => Station,
@@ -84,6 +90,7 @@ export default defineComponent({
 
     &_name {
       margin-right: 0.4em;
+      cursor: pointer;
     }
 
     &_likes {

src/components/SceneryView/SceneryInfo/SceneryInfoUserList.vue

@@ -13,8 +13,8 @@
       :class="train.stopStatus"
       :key="train.trainNo + i"
       tabindex="0"
-      @click="() => navigateToTrain(train.trainNo, train.driverName)"
-      @keydown.enter="navigateToTrain(train.trainNo, train.driverName)"
+      @click="navigateTo('/trains', { trainNo: train.trainNo, driverName: train.driverName })"
+      @keydown.enter="navigateTo('/trains', { trainNo: train.trainNo, driverName: train.driverName })"
     >
       <span class="user_train">{{ train.trainNo }}</span>
       <span class="user_name">{{ train.driverName }}</span>

src/components/SceneryView/SceneryTimetable.vue

@@ -44,8 +44,13 @@
           v-for="(scheduledTrain, i) in computedScheduledTrains"
           :key="i + 1"
           tabindex="0"
-          @click="navigateToTrain(scheduledTrain.trainNo, scheduledTrain.driverName)"
-          @keydown.enter="navigateToTrain(scheduledTrain.trainNo, scheduledTrain.driverName)"
+          @click="navigateTo('/trains', { trainNo: scheduledTrain.trainNo, driverName: scheduledTrain.driverName })"
+          @keydown.enter="
+            navigateTo('/trains', {
+              trainNo: scheduledTrain.trainNo,
+              driverName: scheduledTrain.driverName,
+            })
+          "
         >
           <span class="timetable-general">
             <span class="general-info">