fix: userType i18n & colorformat

src/css/app.scss

@@ -28,7 +28,8 @@ html {
 
   --shadow-color: 220 3% 15%;
   --shadow-strength: 5%;
-  --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 rgba(0, 0, 0, .067);
+  --inner-shadow-highlight: inset 0 -0.5px 0 0 #fff,
+    inset 0 0.5px 0 0 rgba(0, 0, 0, 0.067);
 
   color: var(--foreground);
   background-color: var(--background);
@@ -49,7 +50,8 @@ html {
 
   --shadow-color: 220 0% 100%;
   --shadow-strength: 25%;
-  --inner-shadow-highlight: inset 0 -.5px 0 0 hsla(0, 0%, 100%, .067), inset 0 .5px 0 0 rgba(0, 0, 0, .467);
+  --inner-shadow-highlight: inset 0 -0.5px 0 0 hsla(0, 0%, 100%, 0.067),
+    inset 0 0.5px 0 0 rgba(0, 0, 0, 0.467);
 }
 
 ::-webkit-scrollbar {
@@ -111,7 +113,7 @@ html {
 }
 
 .app-text-muted {
-  color: hsl(var(--text-mute))
+  color: hsl(var(--text-mute));
 }
 
 .app-text-info {

src/i18n/en-US/personnel-main-page.ts

@@ -4,10 +4,10 @@ export default {
   personnelTooltipCaption: 'Click + to add a personnel',
   personnelAdd: 'Add personnel',
 
-  personnelSelector1: 'Employee',
+  USER: 'Employee',
-  personnelSelector2: 'Courier',
+  MESSENGER: 'Courier',
-  personnelSelector3: 'Agent',
+  DELEGATE: 'Delegate',
-  personnelSelector4: 'Agency',
+  AGENCY: 'Agency',
 
   personnelStatTitle: 'Summary data of '
 };

src/i18n/th-th/personnel-main-page.ts

@@ -4,10 +4,10 @@ export default {
   personnelTooltipCaption: 'คลิก + เพื่อเพิ่มบุคลากร',
   personnelAdd: 'เพิ่มข้อมูลบุคลากร',
 
-  personnelSelector1: 'พนักงาน',
+  USER: 'พนักงาน',
-  personnelSelector2: 'พนักงานส่งเอกสาร',
+  MESSENGER: 'พนักงานส่งเอกสาร',
-  personnelSelector3: 'ตัวแทน',
+  DELEGATE: 'ตัวแทน',
-  personnelSelector4: 'เอเจนซี่',
+  AGENCY: 'เอเจนซี่',
 
   personnelStatTitle: 'สรุปจำนวนข้อมูล',
 };