feat:#60 format, lint and fix build

frontend/src/view/AdditionalModules.vue

@@ -91,10 +91,10 @@ function selectChange() {
         class="custom-multiselect"
         filter
         :placeholder="$t('additionalModules.dropDown')"
+        :auto-filter-focus="true"
+        :show-toggle-all="false"
         @change="selectChange()"
         @selectall-change="onSelectAllChange($event)"
-        :autoFilterFocus="true"
-        :showToggleAll="false"
       >
         <template #option="slotProps">
           <div class="flex justify-content-between w-full">
@@ -119,15 +119,17 @@ function selectChange() {
         <template #footer>
           <div class="py-2 px-3">
             <b>{{ selectedModules ? selectedModules.length : 0 }}</b>
-            {{$t("additionalModules.dropDownFooterItem")}}
+            {{ $t("additionalModules.dropDownFooterItem") }}
             {{ (selectedModules ? selectedModules.length : 0) > 1 ? "s" : "" }}
-            {{$t("additionalModules.dropDownFooterSelected")}}
+            {{ $t("additionalModules.dropDownFooterSelected") }}
           </div>
         </template>
       </MultiSelect>
     </div>
     <div class="flex align-items-center justify-content-center h-4rem m-2">
-      <Button @click="nextStep()">{{$t("additionalModules.nextStep")}}</Button>
+      <Button @click="nextStep()">{{
+        $t("additionalModules.nextStep")
+      }}</Button>
     </div>
   </div>
 </template>
@@ -140,4 +142,4 @@ function selectChange() {
 :deep(.custom-multiselect li) {
   height: unset;
 }
-</style>
+</style>