feat: 턴 선택기에 복합 커맨드 선택 적용

- vue-multiselect 기반
- 초성 검색
- 이득, 불리 표기
- 불가 표기
- 선택후 단축 표기

hwe/scss/common_legacy.scss

@@ -247,26 +247,26 @@ div.bar_out div.bar_in {
     padding: 0;
 }
 
-.commandBasic {
-    background-color: black;
-    color: white;
-}
-
 .compensatePositive {
-    color: skyblue;
+    color: $cyan;
+    display: inline-block;
+    width: 1rem;
 }
 
 .compensateNegative {
-    color: orange;
+    color: $red;
+    display: inline-block;
+    width: 1rem;
 }
 
-.compensateNeutral {
-    color: white;
+.compensateNeutral{
+    display: inline-block;
+    width: 1rem;
 }
 
-.commandBasic.commandImpossible {
-    background-color: red;
-    color: white;
+.commandImpossible {
+    color: $red;
+    text-decoration: line-through $red;
 }
 
 .select2-selection--single.simple-select2-align-center .select2-selection__rendered {

hwe/scss/vue-multiselect.scss

@@ -1,12 +1,5 @@
 @use "sass:math";
-
-$vue-multiselect-disabled-color: $white;
-$vue-multiselect-disabled-bg: $gray-700;
-$form-select-color: $white;
-$vue-multiselect-bg: $black;
-$vue-multiselect-color: $white;
-$vue-multiselect-tag-color: $white;
-$vue-multiselect-spinner-color: $white;
+$vue-multiselect-disabled-bg: $gray-400;
 
 $vue-multiselect-padding-x: $form-select-padding-x !default;
 $vue-multiselect-padding-y: $form-select-padding-y !default;