Merge branch 'main' into production

src/i18n.json

@@ -8,8 +8,8 @@
     "of": "of",
     "filter": "Filter",
     "meta": {
-      "index": {"description": "Explore the chapters of The Noble Quran. Browse a list of chapters and choose a chapter you can read and listen to."},
-      "stream": {"description": "Experience The Noble Quran. Read and listen to %{surah_name}."}
+      "index": {"description": "Explore the chapters of The Noble Quran."},
+      "stream": {"description": "Read and listen to %{surah_name}."}
     },
     "surahs": {
       "names": [
@@ -140,10 +140,10 @@
     "filter": "تصفية",
     "meta": {
       "index": {
-        "description": "استكشاف سور القرآن الكريم. تصفح قائمة السور واختر سورة يمكنك قراءتها والاستماع إليها."
+        "index": {"description": ".استكشف فصول القرآن الكريم"}
       },
       "stream": {
-        "description": "تجربة القرآن الكريم. اقرأ واستمع إلى %{surah_name}."
+        "description": ".%{surah_name} اقرأ واستمع إلى"
       }
     },
     "surahs": {

src/js/components/Timer.tsx

@@ -55,7 +55,7 @@ export function Timer({
   }, [soundOn, isStalled, isPaused, ms]);
 
   return (
-    <div className="timer w-10 flex justify-end">
+    <div className="timer text-base w-10 flex justify-end">
       {ms / 1000 <= 0
         ? formatNumber(0, locale)
         : formatNumber(ms / 1000, locale)}