fix: normalize Arabic text rendering

index.html

@@ -147,7 +147,7 @@ <h2 class="font-esthetic my-4" style="font-size: 2.5rem;">Wahyu &amp; Riski</h2>
 
         <!-- Bride -->
         <section class="bg-black text-center px-2" id="bride">
-            <h2 class="font-arabic py-4 m-0" style="font-size: 2rem;">بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ</h2>
+            <h2 class="font-arabic py-4 m-0" style="font-size: 2rem;">بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ</h2>
             <h2 class="font-esthetic py-4 m-0" style="font-size: 2rem;">Assalamualaikum Warahmatullahi Wabarakatuh</h2>
             <p class="pb-4 m-0" style="font-size: 0.95rem;">Tanpa mengurangi rasa hormat, kami mengundang Anda untuk berkenan menghadiri acara pernikahan kami:</p>
 
@@ -486,7 +486,7 @@ <h2 class="font-esthetic text-center mt-2 mb-4" style="font-size: 2.5rem;">Ucapa
                 <p class="pb-2 pt-4" style="font-size: 0.95rem;">Terima kasih atas perhatian dan doa restu Anda, yang menjadi kebahagiaan serta kehormatan besar bagi kami.</p>
 
                 <h2 class="font-esthetic" style="font-size: 2rem;">Wassalamualaikum Warahmatullahi Wabarakatuh</h2>
-                <h2 class="font-arabic pt-4" style="font-size: 2rem;">اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ</h2>
+                <h2 class="font-arabic pt-4" style="font-size: 2rem;">اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ</h2>
 
                 <hr class="my-3">
 

js/guest.js

@@ -183,6 +183,15 @@ export const guest = (() => {
      */
     const animate = (svg, timeout, classes) => util.timeOut(() => svg.classList.add(classes), timeout);
 
+    /**
+     * @returns {void}
+     */
+    const normalize = () => {
+        document.querySelectorAll('.font-arabic').forEach((el) => {
+            el.innerHTML = String(el.innerHTML).normalize('NFC');
+        });
+    };
+
     /**
      * @returns {void}
      */
@@ -192,6 +201,7 @@ export const guest = (() => {
         session.init();
         offline.init();
 
+        normalize();
         countDownDate();
         information = storage('information');