Made bottom padding adaptive to screen

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -31,11 +31,7 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Scaffold(
-      decoration: BoxDecoration(color: CustomTheme.backgroundColor),
-      child: SafeArea(
-        minimum: EdgeInsets.symmetric(vertical: 30),
-        child: Scaffold(
       appBar: AppBar(
         centerTitle: true,
         title: Text(
@@ -58,12 +54,14 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       backgroundColor: CustomTheme.backgroundColor,
       body: tabs[currentIndex],
       extendBody: true,
-          bottomNavigationBar: Padding(
+      bottomNavigationBar: SafeArea(
+        child: Padding(
           padding: const EdgeInsets.symmetric(horizontal: 12.0),
-            child: Material(
+          child: Container(
-              elevation: 10,
+            decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(24),
               color: CustomTheme.primaryColor,
+            ),
             child: ClipRRect(
               borderRadius: BorderRadius.circular(24),
               child: SizedBox(
@@ -106,7 +104,6 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
           ),
         ),
       ),
-      ),
     );
   }
 

lib/presentation/views/main_menu/groups_view.dart

@@ -103,7 +103,7 @@ class _GroupsViewState extends State<GroupsView> {
           ),
 
           Positioned(
-            bottom: 80,
+            bottom: MediaQuery.paddingOf(context).bottom + 15,
             child: CustomWidthButton(
               text: 'Create Group',
               sizeRelativeToWidth: 0.90,