refactor: enhance theme and error handling across the application

- Updated error handling in EnhancedErrorService to utilize context for color tokens, improving theme consistency.
- Refactored various components to use context-aware shadow and color properties, enhancing visual coherence.
- Replaced hardcoded color values with dynamic tokens in multiple widgets, ensuring better adaptability to theme changes.
- Improved overall code maintainability by centralizing theme-related logic and reducing direct dependencies on static theme values.

lib/features/chat/widgets/enhanced_image_attachment.dart

@@ -572,8 +572,12 @@ class FullScreenImageViewer extends ConsumerWidget {
       }
     }
 
+    final tokens = context.colorTokens;
+    final background = tokens.neutralTone10;
+    final iconColor = tokens.neutralOnSurface;
+
     return Scaffold(
-      backgroundColor: Colors.black,
+      backgroundColor: background,
       body: Stack(
         children: [
           Center(
@@ -595,14 +599,14 @@ class FullScreenImageViewer extends ConsumerWidget {
                 IconButton(
                   icon: Icon(
                     Platform.isIOS ? Icons.ios_share : Icons.share_outlined,
-                    color: Colors.white,
+                    color: iconColor,
                     size: 26,
                   ),
                   onPressed: () => _shareImage(context, ref),
                 ),
                 const SizedBox(width: 8),
                 IconButton(
-                  icon: const Icon(Icons.close, color: Colors.white, size: 28),
+                  icon: Icon(Icons.close, color: iconColor, size: 28),
                   onPressed: () => Navigator.of(context).pop(),
                 ),
               ],

lib/features/chat/widgets/modern_chat_input.dart

@@ -1281,7 +1281,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
                   alpha: Alpha.buttonPressed,
                 ),
                 borderRadius: BorderRadius.circular(radius),
-                boxShadow: ConduitShadows.button,
+                boxShadow: ConduitShadows.button(context),
               ),
               child: Center(
                 child: Icon(
@@ -1696,7 +1696,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
                             color: theme.dividerColor,
                             width: BorderWidth.thin,
                           ),
-                          boxShadow: ConduitShadows.modal,
+                          boxShadow: ConduitShadows.modal(context),
                         ),
                         child: ModalSheetSafeArea(
                           padding: const EdgeInsets.fromLTRB(
@@ -1810,7 +1810,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
               color: background,
               borderRadius: BorderRadius.circular(AppBorderRadius.input),
               border: Border.all(color: borderColor, width: BorderWidth.thin),
-              boxShadow: value ? ConduitShadows.low : const [],
+              boxShadow: value ? ConduitShadows.low(context) : const [],
             ),
             child: Row(
               crossAxisAlignment: CrossAxisAlignment.center,
@@ -1897,7 +1897,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
               color: background,
               borderRadius: BorderRadius.circular(AppBorderRadius.input),
               border: Border.all(color: borderColor, width: BorderWidth.thin),
-              boxShadow: selected ? ConduitShadows.low : const [],
+              boxShadow: selected ? ConduitShadows.low(context) : const [],
             ),
             child: Row(
               crossAxisAlignment: CrossAxisAlignment.center,

lib/features/chat/widgets/user_message_bubble.dart

@@ -563,13 +563,7 @@ class _UserMessageBubbleState extends ConsumerState<UserMessageBubble>
                                     context.conduitTheme.chatBubbleUserBorder,
                                 width: BorderWidth.regular,
                               ),
-                              boxShadow: [
-                                BoxShadow(
-                                  color: Colors.black.withValues(alpha: 0.08),
-                                  blurRadius: 4,
-                                  offset: const Offset(0, 2),
-                                ),
-                              ],
+                              boxShadow: ConduitShadows.small(context),
                             ),
                             child: _isEditing
                                 ? Focus(