fix: Improve dark mode styling for Profile page cards

- Fixed "אודות האחסון" (About Storage) card with proper dark mode colors
- Updated data management buttons with dark mode borders and hover states
- Added dark mode text colors for all descriptions and labels
- Improved contrast and readability in dark mode

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: or2ooo

src/pages/Profile.tsx

@@ -322,24 +322,24 @@ export function Profile() {
             {/* Export Data */}
             <button
               onClick={handleExportData}
-              className="w-full flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50 transition-colors"
+              className="w-full flex items-center justify-between p-4 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
             >
               <div className="flex items-center gap-3">
                 <Download className="text-blue-600 dark:text-blue-400" size={20} />
                 <div className="text-right">
                   <p className="font-medium dark:text-gray-200">ייצוא נתונים</p>
-                  <p className="text-xs text-gray-600">שמור גיבוי של ההתקדמות שלך</p>
+                  <p className="text-xs text-gray-600 dark:text-gray-400">שמור גיבוי של ההתקדמות שלך</p>
                 </div>
               </div>
             </button>
 
             {/* Import Data */}
-            <label className="w-full flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50 transition-colors cursor-pointer">
+            <label className="w-full flex items-center justify-between p-4 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
               <div className="flex items-center gap-3">
                 <Upload className="text-green-600 dark:text-green-400" size={20} />
                 <div className="text-right">
                   <p className="font-medium dark:text-gray-200">ייבוא נתונים</p>
-                  <p className="text-xs text-gray-600">שחזר נתונים מגיבוי</p>
+                  <p className="text-xs text-gray-600 dark:text-gray-400">שחזר נתונים מגיבוי</p>
                 </div>
               </div>
               <input
@@ -353,26 +353,26 @@ export function Profile() {
             {/* Delete Data */}
             <button
               onClick={() => setShowDeleteConfirm(true)}
-              className="w-full flex items-center justify-between p-4 border border-red-200 rounded-lg hover:bg-red-50 transition-colors"
+              className="w-full flex items-center justify-between p-4 border border-red-200 dark:border-red-800 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
             >
               <div className="flex items-center gap-3">
                 <Trash2 className="text-red-600 dark:text-red-400" size={20} />
                 <div className="text-right">
                   <p className="font-medium text-red-600 dark:text-red-400">מחיקת כל הנתונים</p>
-                  <p className="text-xs text-gray-600">איפוס מלא של ההתקדמות</p>
+                  <p className="text-xs text-gray-600 dark:text-gray-400">איפוס מלא של ההתקדמות</p>
                 </div>
               </div>
             </button>
           </div>
         </motion.div>
 
         {/* Info Card */}
-        <div className="bg-blue-50 border border-blue-200 rounded-xl p-4">
-          <h4 className="font-semibold text-blue-900 mb-2 flex items-center gap-2">
+        <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-xl p-4 transition-all duration-300">
+          <h4 className="font-semibold text-blue-900 dark:text-blue-300 mb-2 flex items-center gap-2">
             <BookmarkCheck size={20} />
             אודות האחסון
           </h4>
-          <p className="text-sm text-blue-800">
+          <p className="text-sm text-blue-800 dark:text-blue-200">
             כל הנתונים שלך נשמרים באופן מקומי בדפדפן שלך. הם לא נשלחים לשום שרת חיצוני.
             הנתונים יישמרו גם לאחר סגירת הדפדפן, אך עשויים להימחק אם תנקה את נתוני הדפדפן.
           </p>