Add translated text and implement internationalization for settings page

Implements i18n for current model status, API usage, and save settings button in SettingsPage.tsx, and adds translations to ar.json.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7e7c4e8-20cb-41c4-9d0e-79f48938fede
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/495df7b4-e43b-4ae2-b55a-6c42f95ae67b.jpg

client/src/i18n/locales/ar.json

@@ -319,7 +319,10 @@
     "browserNative": "متصفح أصلي",
     "azureSpeech": "Azure Speech",
     "active": "نشط",
-    "requestsThisMonth": "طلب هذا الشهر"
+    "requestsThisMonth": "طلب هذا الشهر",
+    "claude3Active": "Claude 3 Sonnet - نشط",
+    "apiUsageValue": "2,341 طلب هذا الشهر",
+    "saveAiSettings": "حفظ إعدادات الذكاء الاصطناعي"
   },
   "auth": {
     "login": "تسجيل الدخول",

client/src/pages/SettingsPage.tsx

@@ -344,18 +344,18 @@ export default function SettingsPage() {
                   <div className="pt-4 border-t">
                     <div className="grid grid-cols-2 gap-4 text-sm">
                       <div>
-                        <p className="font-medium">Current Model Status</p>
-                        <p className="text-green-600 dark:text-green-400">Claude 3 Sonnet - Active</p>
+                        <p className="font-medium">{t('settings.currentModelStatus')}</p>
+                        <p className="text-green-600 dark:text-green-400">{t('settings.claude3Active')}</p>
                       </div>
                       <div>
-                        <p className="font-medium">API Usage</p>
-                        <p className="text-gray-600 dark:text-gray-400">2,341 requests this month</p>
+                        <p className="font-medium">{t('settings.apiUsage')}</p>
+                        <p className="text-gray-600 dark:text-gray-400">{t('settings.apiUsageValue')}</p>
                       </div>
                     </div>
                   </div>
 
                   <Button className="w-full">
-                    Save AI Model Settings
+                    {t('settings.saveAiSettings')}
                   </Button>
                 </CardContent>
               </Card>