feat: refactor financial wallet UI components and add offline map service support

lib/views/home/profile/profile_captain.dart

@@ -99,29 +99,30 @@ class ProfileHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final theme = Theme.of(context);
     return Column(
       children: [
         CircleAvatar(
           radius: 50,
-          backgroundColor: Get.theme.primaryColor.withOpacity(0.1),
-          child: Icon(Icons.person, size: 60, color: Get.theme.primaryColor),
+          backgroundColor: theme.primaryColor.withOpacity(0.1),
+          child: Icon(Icons.person, size: 60, color: theme.primaryColor),
         ),
         const SizedBox(height: 12),
         Text(
           name,
-          style: Get.textTheme.headlineSmall
+          style: theme.textTheme.headlineSmall
               ?.copyWith(fontWeight: FontWeight.bold),
         ),
         const SizedBox(height: 8),
         Row(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Icon(Icons.star, color: Colors.amber, size: 20),
+            const Icon(Icons.star, color: Colors.amber, size: 20),
             const SizedBox(width: 4),
             Text(
               '${rating.toStringAsFixed(1)} (${'reviews'.tr} $ratingCount)',
-              style: Get.textTheme.titleMedium
-                  ?.copyWith(color: Colors.grey.shade600),
+              style: theme.textTheme.titleMedium
+                  ?.copyWith(color: theme.hintColor),
             ),
           ],
         ),
@@ -130,6 +131,7 @@ class ProfileHeader extends StatelessWidget {
   }
 }
 
+
 /// 2. ويدجت شبكة الأزرار
 class ActionsGrid extends StatelessWidget {
   const ActionsGrid({super.key});
@@ -187,20 +189,23 @@ void showShamCashInput() {
       TextEditingController(text: existingCode);
 
   Get.bottomSheet(
-    Container(
-      padding: const EdgeInsets.all(25),
-      decoration: const BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
-        boxShadow: [
-          BoxShadow(
-              color: Colors.black26, blurRadius: 10, offset: Offset(0, -2))
-        ],
-      ),
-      child: SingleChildScrollView(
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          crossAxisAlignment: CrossAxisAlignment.stretch,
+    Builder(builder: (context) {
+      final theme = Theme.of(context);
+      return Container(
+        padding: const EdgeInsets.all(25),
+        decoration: BoxDecoration(
+          color: theme.cardColor,
+          borderRadius: const BorderRadius.vertical(top: Radius.circular(30)),
+          boxShadow: [
+            BoxShadow(
+                color: theme.shadowColor.withOpacity(0.2), blurRadius: 10, offset: const Offset(0, -2))
+          ],
+        ),
+        child: SingleChildScrollView(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+
           children: [
             // --- 1. المقبض العلوي ---
             Center(
@@ -208,12 +213,13 @@ void showShamCashInput() {
                 height: 5,
                 width: 50,
                 decoration: BoxDecoration(
-                    color: Colors.grey[300],
+                    color: theme.dividerColor,
                     borderRadius: BorderRadius.circular(10)),
                 margin: const EdgeInsets.only(bottom: 20),
               ),
             ),
 
+
             // --- 2. العنوان والأيقونة ---
             Image.asset(
               'assets/images/shamCash.png',
@@ -386,11 +392,13 @@ void showShamCashInput() {
           ],
         ),
       ),
-    ),
-    isScrollControlled: true, // ضروري لرفع النافذة عند فتح الكيبورد
+    );
+  }),
+    isScrollControlled: true,
   );
 }
 
+
 /// ويدجت داخلية لزر في الشبكة
 class _ActionTile extends StatelessWidget {
   final String title;
@@ -402,8 +410,9 @@ class _ActionTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final theme = Theme.of(context);
     return Material(
-      color: Colors.grey.shade100,
+      color: theme.colorScheme.surfaceVariant.withOpacity(0.5),
       borderRadius: BorderRadius.circular(12),
       child: InkWell(
         onTap: onTap,
@@ -413,12 +422,12 @@ class _ActionTile extends StatelessWidget {
           child: Row(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Icon(icon, color: Get.theme.primaryColor, size: 20),
+              Icon(icon, color: theme.primaryColor, size: 20),
               const SizedBox(width: 8),
               Flexible(
                   child: Text(
                 title,
-                style: Get.textTheme.labelLarge,
+                style: theme.textTheme.labelLarge,
                 textAlign: TextAlign.center,
               )),
             ],
@@ -429,6 +438,7 @@ class _ActionTile extends StatelessWidget {
   }
 }
 
+
 /// 3. بطاقة المعلومات الشخصية
 class PersonalInfoCard extends StatelessWidget {
   final Map<String, dynamic> data;
@@ -551,19 +561,21 @@ class _InfoRow extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final theme = Theme.of(context);
     return Padding(
       padding: const EdgeInsets.symmetric(vertical: 8.0),
       child: Row(
         children: [
-          Icon(icon, color: Colors.grey.shade500, size: 20),
+          Icon(icon, color: theme.hintColor.withOpacity(0.6), size: 20),
           const SizedBox(width: 16),
-          Text(label, style: Get.textTheme.bodyLarge),
+          Text(label, style: theme.textTheme.bodyLarge),
           const Spacer(),
           Flexible(
             child: Text(
               value,
-              style: Get.textTheme.bodyLarge?.copyWith(
-                  color: Colors.grey.shade700, fontWeight: FontWeight.w500),
+              style: theme.textTheme.bodyLarge?.copyWith(
+                  color: theme.textTheme.bodyLarge?.color?.withOpacity(0.8), 
+                  fontWeight: FontWeight.w500),
               textAlign: TextAlign.end,
             ),
           ),
@@ -572,3 +584,4 @@ class _InfoRow extends StatelessWidget {
     );
   }
 }
+