fix: correct font file path, remove unnecessary class, and set dynamic language code

src/api/http.tsx

@@ -1,13 +1,18 @@
 import axios from 'axios';
 
+let locale = "en" 
+if (typeof window !== 'undefined') {
+  
+  locale = localStorage.getItem('locale') || 'en';
+}
 const http = axios.create({
   baseURL: 'https://habibapp.com',
   // headers: {
   //   'Authorization': 'Token 36d8be53bed5cab8027b66952b3f2c334cdca664',
   // },
   params :{
-    language_code:"en"
+    language_code: locale
   }
 });
 
-export default http;
+export default http;

src/components/sidebar/list.tsx

@@ -162,7 +162,7 @@ let locale : string ;
                 </div>
               </div>
 
-              <div className="text-2xl mt-1 text-[#292524] font-[UthmanTaha] mb-2 leading-relaxed">
+              <div className="text-2xl mt-1 text-[#292524] mb-2 leading-relaxed">
                 {colorizeVowels(currentDhikr)}
               </div>
 

src/styles/globals.css

@@ -12,7 +12,7 @@
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url('/public/fonts/KFGQPC Uthman Taha Naskh Regular.ttf') format('truetype'); /* Correct file format */
+    src: url('/fonts/KFGQPC-Uthman-Taha-Naskh-Regular.ttf'); /* Correct file format */
   }
 
   /* Apply the custom font globally */