made CustomWidthButton's position adaptive to bottom padding of safearea

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -55,9 +55,9 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       body: tabs[currentIndex],
       extendBody: true,
       bottomNavigationBar: SafeArea(
-        child: Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 12.0),
+        minimum: const EdgeInsets.only(bottom: 30),
         child: Container(
+          margin: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 10),
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(24),
             color: CustomTheme.primaryColor,
@@ -103,7 +103,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: MediaQuery.paddingOf(context).bottom + 15,
+            bottom: MediaQuery.paddingOf(context).bottom,
             child: CustomWidthButton(
               text: 'Create Group',
               sizeRelativeToWidth: 0.90,