refac: linter 관련 설정 변경 및 적용, map_theme 변수 제거

- eslint에 prettier 조합
- prettierrc에 width 120, tabWidth 2
- gameStor->map_theme 제거
- map_theme, mapTheme를 GameConst::$mapName으로 대체
- eslint에서 vue/vue3-essential 대신 vue3-recommended 적용
  - vue/max-attributes-per-line 완화
  - vue/v-on-event-hyphenation 해제
  - vue/attribute-hyphenation 해제
- 일부 tsc import type warning 해결
- 일부 vue template type warning 해결
- 일부 vue SFC를 script setup으로 변경
  - TipTap
  - TopBackBar
  - BottomBackBar
  - BoardArticle
  - ProcessCity

hwe/ts/ChiefCenter/BottomItem.vue

@@ -1,8 +1,8 @@
 <template>
   <div
+    v-for="(officer, _idx) in [chiefList[chiefLevel]]"
+    :key="_idx"
     :class="[`chiefBox${chiefLevel}`, 'subRows']"
-    v-for="(officer, idx) in [chiefList[chiefLevel]]"
-    :key="idx"
     :style="style"
     @click="$emit('click', this)"
   >
@@ -13,21 +13,22 @@
         textDecoration: isMe ? 'underline' : undefined,
       }"
     >
-      {{ officer?(officer?.name ?? "-"):'' }}
+      {{ officer ? officer?.name ?? "-" : "" }}
     </div>
     <div class="bg1 center row gx-0">
-      <div class="col">{{ officer?.officerLevelText }}</div>
-      <div class="col">{{ officer?((officer?.turnTime ?? "  -  ").slice(-5)):'' }}</div>
+      <div class="col">
+        {{ officer?.officerLevelText }}
+      </div>
+      <div class="col">
+        {{ officer ? (officer?.turnTime ?? "  -  ").slice(-5) : "" }}
+      </div>
     </div>
     <div
-      class="tableCell align-self-center turn_pad"
-      v-for="(turn, idx) in officer?.turn??[]"
+      v-for="(turn, idx) in officer?.turn ?? []"
       :key="idx"
+      class="tableCell align-self-center turn_pad"
       :style="{
-        fontSize:
-          mb_strwidth(turn.brief) > 28
-            ? `${28 / mb_strwidth(turn.brief)}em`
-            : undefined,
+        fontSize: mb_strwidth(turn.brief) > 28 ? `${28 / mb_strwidth(turn.brief)}em` : undefined,
       }"
     >
       {{ turn.brief }}