chore(journal): added language flags to journal entries

src/components/JournalView/JournalDispatchers/JournalDispatcherEntry.vue

@@ -17,6 +17,7 @@
         >
           {{ entry.dispatcherLevel >= 2 ? entry.dispatcherLevel : 'L' }}
         </b>
+
         <b style="margin-left: 5px">
           <span
             v-if="apiStore.donatorsData.includes(entry.dispatcherName)"
@@ -39,6 +40,10 @@
           </router-link>
         </b>
 
+        <span class="dispatcher-language" v-if="entry.dispatcherLanguageId != null">
+          <FlagIcon :language-id="entry.dispatcherLanguageId" width="1.5em" />
+        </span>
+
         <div>
           <span v-if="entry.timestampTo">
             <b>{{ $d(entry.timestampFrom) }}</b>
@@ -118,6 +123,7 @@ import dateMixin from '../../../mixins/dateMixin';
 import styleMixin from '../../../mixins/styleMixin';
 import { useApiStore } from '../../../store/apiStore';
 import StationStatusBadge from '../../Global/StationStatusBadge.vue';
+import FlagIcon from '../../Global/FlagIcon.vue';
 
 export default defineComponent({
   props: {
@@ -125,7 +131,7 @@ export default defineComponent({
     showExtraInfo: { type: Boolean, required: true }
   },
 
-  components: { StationStatusBadge },
+  components: { StationStatusBadge, FlagIcon },
   mixins: [dateMixin, styleMixin],
   emits: ['toggleShowExtraInfo'],
 
@@ -164,6 +170,11 @@ export default defineComponent({
   padding: 1em;
 }
 
+.dispatcher-language {
+  display: inline-block;
+  margin: 0 0.25em;
+}
+
 .entry-info {
   display: flex;
   justify-content: space-between;
@@ -198,7 +209,7 @@ export default defineComponent({
   border-radius: 1em;
 }
 
-@include responsive.smallScreen{
+@include responsive.smallScreen {
   .entry-info {
     flex-direction: column;
     justify-content: center;

src/components/JournalView/JournalTimetables/EntryGeneral.vue

@@ -72,7 +72,9 @@
         <strong>{{ timetable.driverName }}</strong>
       </router-link>
 
-      <div v-if="timetable.driverLanguageId != null"></div>
+      <div v-if="timetable.driverLanguageId != null">
+        <FlagIcon :language-id="timetable.driverLanguageId" width="1.5em" />
+      </div>
     </span>
 
     <span class="general-time">
@@ -112,9 +114,10 @@ import dateMixin from '../../../mixins/dateMixin';
 import styleMixin from '../../../mixins/styleMixin';
 import { useApiStore } from '../../../store/apiStore';
 import trainCategoryMixin from '../../../mixins/trainCategoryMixin';
-import { getLanguageNameById } from '../../../utils/languageUtils';
+import FlagIcon from '../../Global/FlagIcon.vue';
 
 export default defineComponent({
+  components: { FlagIcon },
   mixins: [dateMixin, styleMixin, trainCategoryMixin],
 
   data() {