feat: 사령부의 턴 선택기에 고급 모드 적용 (#212)

- 사령부 턴 페이지를 vue3 setup 형태로 변경
- 턴 조작기 함수 중 공용 함수 분리
- 사령부 턴 조작기 코드 범위를 다시 조정
- 사령부 일반 모드, 고급 모드 이원화
- 사령부에서 다른 수뇌의 턴 '복사하기' 제공

Co-authored-by: Hide_D <hided62@gmail.com>
Reviewed-on: https://storage.hided.net/gitea/devsam/core/pulls/212
Co-authored-by: hide_d <hided62@gmail.com>
Co-committed-by: hide_d <hided62@gmail.com>

hwe/scss/chiefCenter.scss

@@ -31,11 +31,16 @@ $modcolor2: color.adjust($nbase2color, $lightness: -5%);
             line-height: 30px;
         }
 
+        .time_pad.inverted{
+            background-color: gray;
+            color: white;
+        }
+
         .turn_pad {
             line-height: 30px;
         }
 
-        .row:nth-child(odd) .turn_pad {
+        .row:nth-of-type(odd) .turn_pad {
             background-color: $modcolor2;
         }
     }
@@ -83,7 +88,7 @@ $modcolor2: color.adjust($nbase2color, $lightness: -5%);
     }
 
     .commandBox .controlPad {
-        .turn_pad:nth-child(2n) {
+        .turn_pad:nth-of-type(even) {
             background-color: $modcolor2;
         }
     }
@@ -109,7 +114,6 @@ $modcolor2: color.adjust($nbase2color, $lightness: -5%);
         width: 500px;
         height: 460px;
         margin: auto;
-        overflow: hidden;
     }
 
     #mainTable {
@@ -131,7 +135,7 @@ $modcolor2: color.adjust($nbase2color, $lightness: -5%);
     .commandBox .controlPad {
         margin-top: 10px;
 
-        .turn_pad:nth-child(even) {
+        .turn_pad:nth-of-type(even) {
             background-color: $modcolor2;
         }
     }
@@ -145,7 +149,7 @@ $modcolor2: color.adjust($nbase2color, $lightness: -5%);
         overflow: hidden;
 
 
-        .turn_pad:nth-child(even) {
+        .turn_pad:nth-of-type(even) {
             background-color: $modcolor2;
         }
     }