fixed text overflowing & slivers

app/lib/features/bangs/presentation/screens/list.dart

@@ -62,13 +62,17 @@ class BangListScreen extends HookConsumerWidget {
                 },
               );
             },
-            error: (error, stackTrace) => Center(
+            error: (error, stackTrace) => SliverToBoxAdapter(
-              child: FailureWidget(
+              child: Center(
-                title: 'Failed to load Bangs',
+                child: FailureWidget(
-                exception: error,
+                  title: 'Failed to load Bangs',
+                  exception: error,
+                ),
               ),
             ),
-            loading: () => const Center(child: CircularProgressIndicator()),
+            loading: () => const SliverToBoxAdapter(
+              child: Center(child: CircularProgressIndicator()),
+            ),
           ),
         ],
       ),

app/lib/features/bangs/presentation/widgets/bang_details.dart

@@ -91,9 +91,17 @@ class BangDetails extends HookConsumerWidget {
                     label: Text(bangData.domain),
                     icon: const Icon(Icons.open_in_new),
                   ),
-                  Text(
+                  const SizedBox(
-                    '!${bangData.trigger}',
+                    width: 8,
-                    style: theme.textTheme.titleSmall,
+                  ),
+                  Expanded(
+                    child: Text(
+                      '!${bangData.trigger}',
+                      style: theme.textTheme.titleSmall,
+                      textAlign: TextAlign.right,
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                    ),
                   ),
                 ],
               ),