Show total number of ayah alongside the active ayah

src/i18n.json

@@ -5,6 +5,7 @@
     "surah": "Surah",
     "ayah": "Ayah",
     "comma": ",",
+    "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. Enhance your understanding of a sacred text."},
@@ -135,6 +136,7 @@
     "surah": "سورة",
     "ayah": "آية",
     "comma": "،",
+    "of": "من",
     "filter": "تصفية",
     "meta": {
       "index": {

src/js/components/Stream.tsx

@@ -44,7 +44,8 @@ export function Stream({
                 <span>
                   {t(locale, "surah")} {formatNumber(surah.id, locale)}
                   {t(locale, "comma")} {t(locale, "ayah")}{" "}
-                  {formatNumber(ayah.id, locale)}
+                  {formatNumber(ayah.id, locale)} {t(locale, "of")}{" "}
+                  {formatNumber(surah.ayat.length, locale)}
                 </span>
               </span>
               <p>{ayah.text}</p>