pack: basic automation test implementation with playwright

src/renderer/screens/MainScreen.vue

@@ -49,6 +49,7 @@ const handleCountIncrease = (): void => {
     <v-row no-gutters align="center" class="text-center">
       <v-col cols="12" md="5">
         <img
+          id="main-logo"
           alt="logo"
           draggable="false"
           class="ma-auto h-auto w-75"
@@ -71,8 +72,8 @@ const handleCountIncrease = (): void => {
             </v-btn>
           </v-col>
           <v-col cols="3">
-            <v-badge color="blue" :content="counter">
-              <v-btn icon color="primary" @click="handleCountIncrease">
+            <v-badge id="counter-badge" color="blue" :content="counter">
+              <v-btn id="btn-counter" icon color="primary" @click="handleCountIncrease">
                 <v-icon icon="mdi-plus-circle" />
                 <v-tooltip activator="parent" location="bottom">
                   {{ $t('menu.increase-count') }}
@@ -98,6 +99,7 @@ const handleCountIncrease = (): void => {
           </v-col>
           <v-col cols="12">
             <v-select
+              id="select-language"
               :model-value="locale"
               density="compact"
               :label="$t('menu.change-language')"