Add dedicated icons to scoreboard input options

src/dashboard/scoreko-dev/components/ScoreboardPanel.vue

@@ -794,7 +794,11 @@ watch(
               class="scoreboard-preview__field scoreboard-preview__character-field"
               :disable="!scoreboardStore.scoreboard.game"
               @filter="onLeftCharacterFilter"
-            />
+            >
+              <template #prepend>
+                <QIcon name="sports_martial_arts" />
+              </template>
+            </QSelect>
           </div>
           <div class="scoreboard-preview__controls">
             <QSelect
@@ -816,6 +820,9 @@ watch(
               @blur="onLeftBlur"
               @update:model-value="onLeftSelect"
             >
+              <template #prepend>
+                <QIcon name="person" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="leftShowsNameSave"
@@ -834,6 +841,9 @@ watch(
               dense
               class="scoreboard-preview__field"
             >
+              <template #prepend>
+                <QIcon name="groups" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="leftTeamChanged"
@@ -864,6 +874,9 @@ watch(
               class="scoreboard-preview__field"
               @filter="onLeftCountryFilter"
             >
+              <template #prepend>
+                <QIcon name="flag" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="leftCountryChanged"
@@ -895,7 +908,11 @@ watch(
           fill-input
           class="scoreboard-preview__field scoreboard-preview__game-field"
           @filter="onGameFilter"
-        />
+        >
+          <template #prepend>
+            <QIcon name="sports_esports" />
+          </template>
+        </QSelect>
 
         <div class="scoreboard-preview__score-controls">
           <div class="scoreboard-preview__score-side">
@@ -981,6 +998,9 @@ watch(
               @blur="onRightBlur"
               @update:model-value="onRightSelect"
             >
+              <template #prepend>
+                <QIcon name="person" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="rightShowsNameSave"
@@ -999,6 +1019,9 @@ watch(
               dense
               class="scoreboard-preview__field"
             >
+              <template #prepend>
+                <QIcon name="groups" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="rightTeamChanged"
@@ -1029,6 +1052,9 @@ watch(
               class="scoreboard-preview__field"
               @filter="onRightCountryFilter"
             >
+              <template #prepend>
+                <QIcon name="flag" />
+              </template>
               <template #append>
                 <QBtn
                   v-if="rightCountryChanged"
@@ -1075,7 +1101,11 @@ watch(
               class="scoreboard-preview__field scoreboard-preview__character-field"
               :disable="!scoreboardStore.scoreboard.game"
               @filter="onRightCharacterFilter"
-            />
+            >
+              <template #prepend>
+                <QIcon name="sports_martial_arts" />
+              </template>
+            </QSelect>
           </div>
         </div>
       </div>