Refactor and enhance localization support; update language files and improve validation messages

- Updated localization files for Arabic and Traditional Chinese (Hong Kong).
- Added Arabic language support in the i18n configuration.
- Improved validation messages in the withdrawal schema.
- Refactored Vue components to ensure consistent usage of translation functions.
- Cleaned up CSS files for better formatting and consistency.

src/theme/index.css

@@ -1,2 +1,2 @@
 @import "tailwindcss";
-@config "../../tailwind.config.ts";
+@config "../../tailwind.config.ts";

src/theme/ionic.css

@@ -3,7 +3,7 @@
   --min-height: 50px;
 }
 
-.ui-select::part(label){
+.ui-select::part(label) {
   font-size: 14px;
   font-weight: 500;
 }
@@ -37,4 +37,4 @@ ion-datetime.ui-datetime {
 :root.ios {
   --ion-padding: 20px;
   --ion-margin: 20px;
-}
+}

src/theme/variables.css

@@ -37,11 +37,11 @@ html:root {
   --ion-color-warning-tint: #ffca22;
 
   --ion-color-danger: #ff3344;
-	--ion-color-danger-rgb: 255,51,68;
-	--ion-color-danger-contrast: #000000;
-	--ion-color-danger-contrast-rgb: 0,0,0;
-	--ion-color-danger-shade: #e02d3c;
-	--ion-color-danger-tint: #ff4757;
+  --ion-color-danger-rgb: 255, 51, 68;
+  --ion-color-danger-contrast: #000000;
+  --ion-color-danger-contrast-rgb: 0, 0, 0;
+  --ion-color-danger-shade: #e02d3c;
+  --ion-color-danger-tint: #ff4757;
 
   --ion-color-light: #f6f8fc;
   --ion-color-light-rgb: 246, 248, 252;
@@ -157,9 +157,9 @@ html.ion-palette-dark {
   --ion-color-warning-tint: #ffca22;
 
   --ion-color-danger: #ff3344;
-  --ion-color-danger-rgb: 255,51,68;
+  --ion-color-danger-rgb: 255, 51, 68;
   --ion-color-danger-contrast: #000000;
-  --ion-color-danger-contrast-rgb: 0,0,0;
+  --ion-color-danger-contrast-rgb: 0, 0, 0;
   --ion-color-danger-shade: #e02d3c;
   --ion-color-danger-tint: #ff4757;