add arabic fonts

Author: hmthanh

app/globals.css

@@ -18,7 +18,8 @@
 @import "../styles/typesetting-article.css";
 
 /* @import "../styles/i81n/chinese.css"; */
-@import "../styles/i81n/vietnamese.css";
+@import "../styles/i81n/arabic.css";
+/* @import "../styles/i81n/vietnamese.css"; */
 
 @custom-variant dark (&:where(.dark, .dark *));
 @custom-variant light (&:where(.light, .light *));
@@ -73,9 +74,10 @@
     word-spacing: 0;
 
     font-family:
+      SurveyWithCodeArabicSans,
       SurveyWithCode,
-      SurveyWithCodeVietnamese,
-      SurveyWithCodeChina,
+      /* SurveyWithCodeVietnamese, */
+      /* SurveyWithCodeChina, */
       Katex_Main,
       "Segoe UI",
       TTT,
@@ -142,7 +144,7 @@
     .md-hide {
       display: none !important;
     }
-    
+
     /* Ensure mobile content fits */
     .mobile-container {
       padding: 0.5rem;

public/fonts/arabic/SurveyWithCodeArabicSansBold.woff2

@@ -11,7 +11,6 @@ LARGE_FILES=(
   "app/(private)/campuchia/page.md" 
   "app/(private)/laos/page.md"
   "app/(private)/homebrew/page.md"
-  "app/(private)/vietnamese/page.md"
 )
 
 # Function to backup large files

public/fonts/arabic/SurveyWithCodeArabicSansRegular.woff2

@@ -0,0 +1,24 @@
+/* Define the font family and weights */
+@font-face {
+  font-family: "SurveyWithCodeArabicSans";
+  src: url("/fonts/arabic/SurveyWithCodeArabicSansRegular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+  font-stretch: normal;
+  unicode-range: U+0600-06FF; /* Latin + Arabic ranges (optional) */
+}
+
+@font-face {
+  font-family: "SurveyWithCodeArabicSans";
+  src: url("/fonts/arabic/SurveyWithCodeArabicSansBold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+  font-stretch: normal;
+  unicode-range: U+0600-06FF; /* Latin + Arabic ranges (optional) */
+}
+
+/* :root {
+  --ui-font: "SurveyWithCodeArabicSans", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
+} */