Added translation to all site with edit style

app/favorites/page.js

@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
@@ -10,6 +11,7 @@ import { useFavorites } from '@/app/contexts/FavoritesContext';
 import AuthService from '@/app/services/AuthService';
 
 export default function FavoritesPage() {
+  const { t } = useTranslation();
   const router = useRouter();
   const { favorites, isLoading: favoritesLoading, removeFavorite } = useFavorites();
 
@@ -23,7 +25,7 @@ export default function FavoritesPage() {
   }, [router]);
 
   const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
+    return amount?.toLocaleString() + ' ' + t('currency-syp-suffix');
   };
 
   if (favoritesLoading && favorites.length === 0) {
@@ -31,7 +33,7 @@ export default function FavoritesPage() {
       <div className="min-h-screen flex items-center justify-center">
         <div className="text-center">
           <div className="w-16 h-16 border-4 border-amber-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-600">جاري التحميل...</p>
+          <p className="text-gray-600">{t('loading')}</p>
         </div>
       </div>
     );
@@ -41,20 +43,20 @@ export default function FavoritesPage() {
     <div className="min-h-screen bg-gray-50 py-8">
       <div className="container mx-auto px-4 max-w-6xl">
         <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900 mb-2">المفضلة</h1>
-          <p className="text-gray-600">العقارات التي قمت بحفظها</p>
+          <h1 className="text-3xl font-bold text-gray-900 mb-2">{t('favorites')}</h1>
+          <p className="text-gray-600">{t('saved-properties')}</p>
         </div>
 
         {favorites.length === 0 ? (
           <div className="bg-white rounded-2xl p-12 text-center border-2 border-dashed border-gray-300">
             <Heart className="w-16 h-16 text-gray-300 mx-auto mb-4" />
-            <h3 className="text-xl font-bold text-gray-700 mb-2">لا توجد عقارات في المفضلة</h3>
-            <p className="text-gray-500 mb-6">يمكنك إضافة العقارات التي تعجبك بالنقر على أيقونة القلب</p>
+            <h3 className="text-xl font-bold text-gray-700 mb-2">{t('no-favorites')}</h3>
+            <p className="text-gray-500 mb-6">{t('add-favorites-hint')}</p>
             <Link
               href="/properties"
               className="inline-flex items-center gap-2 bg-amber-500 text-white px-6 py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors"
             >
-              استعرض العقارات
+              {t('browse-properties')}
             </Link>
           </div>
         ) : (
@@ -93,7 +95,7 @@ export default function FavoritesPage() {
                     <div>
                       <div className="flex items-center gap-2 mb-2">
                         <span className="px-2 py-1 bg-gray-100 text-gray-700 rounded-lg text-xs font-medium">
-                          {property.type === 'apartment' ? 'شقة' : property.type === 'villa' ? 'فيلا' : 'بيت'}
+                          {property.type === 'apartment' ? t('buildingType.apartment') : property.type === 'villa' ? t('buildingType.villa') : t('buildingType.house')}
                         </span>
                       </div>
                       <h3 className="font-bold text-gray-900 mb-1 line-clamp-1">{property.title}</h3>
@@ -106,7 +108,7 @@ export default function FavoritesPage() {
                     </div>
                     <div className="text-left">
                       <div className="text-xl font-bold text-gray-900">{formatCurrency(property.price)}</div>
-                      <div className="text-xs text-gray-500">/{property.priceUnit === 'daily' ? 'يوم' : 'شهر'}</div>
+                      <div className="text-xs text-gray-500">/{property.priceUnit === 'daily' ? t('day') : t('month')}</div>
                     </div>
                   </div>
 
@@ -131,7 +133,7 @@ export default function FavoritesPage() {
                     href={`/property/${property.id}`}
                     className="block w-full bg-amber-500 text-white py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors text-center"
                   >
-                    عرض التفاصيل
+                    {t('viewDetails')}
                   </Link>
                 </div>
               </motion.div>