Created App Surfaces for Theming

lib/screens/tickets/ticket_detail_screen.dart

@@ -19,6 +19,7 @@ import '../../widgets/responsive_body.dart';
 import '../../widgets/status_pill.dart';
 import '../../widgets/task_assignment_section.dart';
 import '../../widgets/typing_dots.dart';
+import '../../theme/app_surfaces.dart';
 
 class TicketDetailScreen extends ConsumerStatefulWidget {
   const TicketDetailScreen({super.key, required this.ticketId});
@@ -233,13 +234,25 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
                                     decoration: BoxDecoration(
                                       color: bubbleColor,
                                       borderRadius: BorderRadius.only(
-                                        topLeft: const Radius.circular(16),
-                                        topRight: const Radius.circular(16),
+                                        topLeft: Radius.circular(
+                                          AppSurfaces.of(context).cardRadius,
+                                        ),
+                                        topRight: Radius.circular(
+                                          AppSurfaces.of(context).cardRadius,
+                                        ),
                                         bottomLeft: Radius.circular(
-                                          isMe ? 16 : 4,
+                                          isMe
+                                              ? AppSurfaces.of(
+                                                  context,
+                                                ).cardRadius
+                                              : 4,
                                         ),
                                         bottomRight: Radius.circular(
-                                          isMe ? 4 : 16,
+                                          isMe
+                                              ? 4
+                                              : AppSurfaces.of(
+                                                  context,
+                                                ).cardRadius,
                                         ),
                                       ),
                                     ),
@@ -609,7 +622,9 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
       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,
@@ -811,6 +826,7 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
       context: context,
       builder: (dialogContext) {
         return AlertDialog(
+          shape: AppSurfaces.of(context).dialogShape,
           title: const Text('Ticket Timeline'),
           content: Column(
             mainAxisSize: MainAxisSize.min,
@@ -929,7 +945,9 @@ class _MetaBadge extends StatelessWidget {
       padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
       decoration: BoxDecoration(
         color: background,
-        borderRadius: BorderRadius.circular(12),
+        borderRadius: BorderRadius.circular(
+          AppSurfaces.of(context).compactCardRadius,
+        ),
         border: Border.all(color: border),
       ),
       child: Row(