wrap modal in safearea

lib/widgets/bottom_modal.dart

@@ -10,31 +10,33 @@ class BottomModal extends StatelessWidget {
   Widget build(BuildContext context) {
     var theme = Theme.of(context);
 
-    return Padding(
-      padding: const EdgeInsets.all(8.0),
-      child: Container(
-        padding: const EdgeInsets.only(top: 10),
-        decoration: BoxDecoration(
-          color: Colors.white,
-          borderRadius: BorderRadius.all(const Radius.circular(10.0)),
-        ),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            if (title != null) ...[
-              Padding(
-                padding: const EdgeInsets.only(left: 70),
-                child: Text(
-                  'account',
-                  style: theme.textTheme.subtitle2,
-                  textAlign: TextAlign.left,
+    return SafeArea(
+      child: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: Container(
+          padding: const EdgeInsets.only(top: 10),
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.all(const Radius.circular(10.0)),
+          ),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              if (title != null) ...[
+                Padding(
+                  padding: const EdgeInsets.only(left: 70),
+                  child: Text(
+                    'account',
+                    style: theme.textTheme.subtitle2,
+                    textAlign: TextAlign.left,
+                  ),
                 ),
-              ),
-              Divider()
+                Divider()
+              ],
+              child,
             ],
-            child,
-          ],
+          ),
         ),
       ),
     );