Added translation to all site with edit style

app/components/FloatingSidebar.js

@@ -4,11 +4,13 @@ import { useState } from 'react';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
 import { Heart, Bell, CreditCard, Settings } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { useFavorites } from '@/app/contexts/FavoritesContext';
 import { useNotifications } from '@/app/contexts/NotificationsContext';
 import AuthService from '@/app/services/AuthService';
 
 export default function FloatingSidebar({ isRTL }) {
+  const { t } = useTranslation();
   const { favorites } = useFavorites();
   const { unreadCount } = useNotifications();
   const [tooltip, setTooltip] = useState(null);
@@ -88,7 +90,7 @@ export default function FloatingSidebar({ isRTL }) {
               )}
             </div>
           </Link>
-          {renderTooltip('favorites', 'المفضلة')}
+          {renderTooltip('favorites', t('favorites'))}
         </motion.div>
         <motion.div
           className="relative group"
@@ -116,7 +118,7 @@ export default function FloatingSidebar({ isRTL }) {
               )}
             </div>
           </Link>
-          {renderTooltip('notifications', 'الإشعارات')}
+          {renderTooltip('notifications', t('notifications'))}
         </motion.div>
         <motion.div
           className="relative group"
@@ -133,7 +135,7 @@ export default function FloatingSidebar({ isRTL }) {
           >
             <CreditCard className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
           </Link>
-          {renderTooltip('payments', 'المدفوعات')}
+          {renderTooltip('payments', t('payments'))}
         </motion.div>
         <motion.div
           className="relative group"
@@ -150,7 +152,7 @@ export default function FloatingSidebar({ isRTL }) {
           >
             <Settings className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
           </Link>
-          {renderTooltip('settings', 'الإعدادات')}
+          {renderTooltip('settings', t('settings'))}
         </motion.div>
       </div>
     </motion.div>