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: Center(
                 child: FailureWidget(
                   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(
+                    width: 8,
+                  ),
+                  Expanded(
+                    child: Text(
                       '!${bangData.trigger}',
                       style: theme.textTheme.titleSmall,
+                      textAlign: TextAlign.right,
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                    ),
                   ),
                 ],
               ),