Created App Surfaces for Theming

lib/screens/tasks/task_detail_screen.dart

@@ -16,6 +16,7 @@ import '../../widgets/app_breakpoints.dart';
 import '../../widgets/mono_text.dart';
 import '../../widgets/responsive_body.dart';
 import '../../widgets/status_pill.dart';
+import '../../theme/app_surfaces.dart';
 import '../../widgets/task_assignment_section.dart';
 import '../../widgets/typing_dots.dart';
 
@@ -377,10 +378,18 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen> {
                 decoration: BoxDecoration(
                   color: bubbleColor,
                   borderRadius: BorderRadius.only(
-                    topLeft: const Radius.circular(16),
-                    topRight: const Radius.circular(16),
-                    bottomLeft: Radius.circular(isMe ? 16 : 4),
-                    bottomRight: Radius.circular(isMe ? 4 : 16),
+                    topLeft: Radius.circular(
+                      AppSurfaces.of(context).cardRadius,
+                    ),
+                    topRight: Radius.circular(
+                      AppSurfaces.of(context).cardRadius,
+                    ),
+                    bottomLeft: Radius.circular(
+                      isMe ? AppSurfaces.of(context).cardRadius : 4,
+                    ),
+                    bottomRight: Radius.circular(
+                      isMe ? 4 : AppSurfaces.of(context).cardRadius,
+                    ),
                   ),
                 ),
                 child: _buildMentionText(message.content, textColor, profiles),
@@ -695,7 +704,9 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen> {
       constraints: const BoxConstraints(maxHeight: 200),
       decoration: BoxDecoration(
         color: Theme.of(context).colorScheme.surfaceContainerHighest,
-        borderRadius: BorderRadius.circular(12),
+        borderRadius: BorderRadius.circular(
+          AppSurfaces.of(context).compactCardRadius,
+        ),
       ),
       child: ListView.separated(
         shrinkWrap: true,