fix: constrains custom bottom sheet size

Because the place where we could insert view padding is not hold the
exact view padding of the page, set sheet maximum height to 80% to avoid
contents covered by status bar.

Also add bottom padding to avoid navigation bar.

Author: realth000

lib/features/forum/widgets/thread_filter_chip.dart

@@ -32,10 +32,6 @@ class ThreadChip extends StatelessWidget {
   /// Build to provide a list of widgets as bottom sheet content.
   final List<Widget> Function(BuildContext context, ForumState state) sheetItemBuilder;
 
-  Widget _buildContent(BuildContext context, ForumState state) {
-    return SingleChildScrollView(child: Column(children: sheetItemBuilder(context, state)));
-  }
-
   @override
   Widget build(BuildContext context) {
     return BlocBuilder<ForumBloc, ForumState>(
@@ -52,7 +48,9 @@ class ThreadChip extends StatelessWidget {
                     context: context,
                     builder: (_) => BlocProvider.value(
                       value: context.read<ForumBloc>(),
-                      child: BlocBuilder<ForumBloc, ForumState>(builder: _buildContent),
+                      child: BlocBuilder<ForumBloc, ForumState>(
+                        builder: (_, state) => ListView(children: sheetItemBuilder(context, state)),
+                      ),
                     ),
                   );
                 },
@@ -82,7 +80,7 @@ class ThreadTypeChip extends StatelessWidget {
           chipLabel: currFilter ?? state.filterTypeList.firstWhereOrNull((e) => e.typeID == null)?.name ?? '',
           chipSelected: state.filterState.filterType?.typeID != null,
           sheetTitle: context.t.forumPage.threadTab.threadType,
-          sheetItemBuilder: (context, state) => state.filterTypeList
+          sheetItemBuilder: (context, state) => [...state.filterTypeList, ...state.filterTypeList]
               .map(
                 (e) => SelectableListTile(
                   title: Text(e.name),

lib/utils/show_bottom_sheet.dart

@@ -27,16 +27,17 @@ Future<T?> showCustomBottomSheet<T>({
     content = SingleChildScrollView(child: Column(children: childrenBuilder!(context)));
   }
 
+  final size = MediaQuery.sizeOf(context);
+
   // Copied from [showHeroDialog]
   final ret = Navigator.push<T>(
     context,
     ModalSheetRoute(
       maintainState: false,
       swipeDismissible: true,
-      viewportPadding: EdgeInsets.only(
-        // Add the top padding to avoid the status bar.
-        top: MediaQuery.viewPaddingOf(context).top,
-      ),
+      // Here we do not have a context carrying expected padding values.
+      // Set the maximum height to 80% to avoid covered by status bar.
+      viewportPadding: EdgeInsets.only(top: size.height * 0.2),
       builder: (context) {
         return ClipRRect(
           borderRadius: const BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24)),
@@ -62,7 +63,7 @@ Future<T?> showCustomBottomSheet<T>({
                   ],
                 ),
               ),
-              body: content,
+              body: Padding(padding: context.safePadding(), child: content),
               bottomBar: bottomBar,
             ),
           ),