refactor(ui): move select dropdown css from input component to global css

front/src/components/ui/input.scss

@@ -121,32 +121,3 @@
     border-radius: 4px;
   }
 }
-
-form.ui.form {
-  select.dropdown {
-    display: block;
-    height: 48px;
-    margin-top: 7px;
-    border-radius: var(--fw-border-radius);
-    font-size: 14px;
-    font-family: $font-main;
-    line-height: 28px;
-    border: 12px solid transparent;
-    padding: 0px 12px;
-    color: var(--input-color);
-    -webkit-transition: color .1s ease, border-color .1s ease;
-    transition: color .1s ease, border-color .1s ease;
-
-    @include light-theme {
-      color: var(--fw-gray-800);
-      background-color: var(--fw-gray-200);
-      border-color: transparent;
-    }
-
-    @include dark-theme {
-      color: var(--fw-gray-300);
-      background-color: var(--fw-gray-850);
-      border-color: var(--fw-gray-850);
-    }
-  }
-}

front/src/style/components/_form.scss

@@ -1,3 +1,36 @@
+form.ui.form {
+  select.dropdown {
+    display: block;
+    height: 48px;
+    margin-top: 7px;
+    border-radius: var(--fw-border-radius);
+    font-size: 14px;
+    font-family: $font-main;
+    line-height: 28px;
+    border: 12px solid transparent;
+    padding: 0px 12px;
+    color: var(--input-color);
+    -webkit-transition: color .1s ease, border-color .1s ease;
+    transition: color .1s ease, border-color .1s ease;
+
+    @include light-theme {
+      color: var(--fw-gray-800);
+      background-color: var(--fw-gray-200);
+      border-color: transparent;
+    }
+
+    @include dark-theme {
+      color: var(--fw-gray-300);
+      background-color: var(--fw-gray-850);
+      border-color: var(--fw-gray-850);
+    }
+  }
+  label {
+    font-size: 14px;
+    font-weight: 600;
+    margin-bottom: 8px;
+  }
+}
 
 .ui.checkbox label {
   cursor: pointer;
@@ -27,11 +60,6 @@ input + .help {
   }
 }
 
-.ui.form span.label {
-  margin-top: -18px;
-  font-size: 14px;
-  font-weight: 600;
-}
 .ui.icon.input > .icon {
   color: var(--input-color);
 }