fix: the keyboard blocked the content of bottom sheet (AppFlowy-IO#4706)

* fix: the keyboard blocked the content of bottom sheet

* chore: apply suggestion

Co-authored-by: Mathias Mogensen <42929161+Xazin@users.noreply.github.com>

---------

Co-authored-by: Mathias Mogensen <42929161+Xazin@users.noreply.github.com>

frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart

@@ -120,9 +120,12 @@ Future<T?> showMobileBottomSheet<T>(
       }
 
       // ----- content area -----
+      // make sure the keyboard won't cover the content
       children.add(
         Padding(
-          padding: padding,
+          padding: padding.copyWith(
+            bottom: padding.bottom + MediaQuery.of(context).viewInsets.bottom,
+          ),
           child: child,
         ),
       );
@@ -133,6 +136,8 @@ Future<T?> showMobileBottomSheet<T>(
       }
 
       // add default padding
+      // for full screen bottom sheet, the padding should be 16.0
+      // for non full screen bottom sheet, the padding should be 28.0
       children.add(
         VSpace(MediaQuery.of(context).padding.bottom == 0 ? 28.0 : 16.0),
       );