made CustomWidthButton's position adaptive to bottom padding of safearea

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -55,50 +55,49 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       body: tabs[currentIndex],
       extendBody: true,
       bottomNavigationBar: SafeArea(
-        child: Padding(
+        minimum: const EdgeInsets.only(bottom: 30),
-          padding: const EdgeInsets.symmetric(horizontal: 12.0),
+        child: Container(
-          child: Container(
+          margin: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 10),
-            decoration: BoxDecoration(
+          decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(24),
+            borderRadius: BorderRadius.circular(24),
-              color: CustomTheme.primaryColor,
+            color: CustomTheme.primaryColor,
-            ),
+          ),
-            child: ClipRRect(
+          child: ClipRRect(
-              borderRadius: BorderRadius.circular(24),
+            borderRadius: BorderRadius.circular(24),
-              child: SizedBox(
+            child: SizedBox(
-                height: 60,
+              height: 60,
-                child: Row(
+              child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceAround,
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
-                  children: <Widget>[
+                children: <Widget>[
-                    NavbarItem(
+                  NavbarItem(
-                      index: 0,
+                    index: 0,
-                      isSelected: currentIndex == 0,
+                    isSelected: currentIndex == 0,
-                      icon: Icons.home_rounded,
+                    icon: Icons.home_rounded,
-                      label: 'Home',
+                    label: 'Home',
-                      onTabTapped: onTabTapped,
+                    onTabTapped: onTabTapped,
-                    ),
+                  ),
-                    NavbarItem(
+                  NavbarItem(
-                      index: 1,
+                    index: 1,
-                      isSelected: currentIndex == 1,
+                    isSelected: currentIndex == 1,
-                      icon: Icons.gamepad_rounded,
+                    icon: Icons.gamepad_rounded,
-                      label: 'Games',
+                    label: 'Games',
-                      onTabTapped: onTabTapped,
+                    onTabTapped: onTabTapped,
-                    ),
+                  ),
-                    NavbarItem(
+                  NavbarItem(
-                      index: 2,
+                    index: 2,
-                      isSelected: currentIndex == 2,
+                    isSelected: currentIndex == 2,
-                      icon: Icons.group_rounded,
+                    icon: Icons.group_rounded,
-                      label: 'Groups',
+                    label: 'Groups',
-                      onTabTapped: onTabTapped,
+                    onTabTapped: onTabTapped,
-                    ),
+                  ),
-                    NavbarItem(
+                  NavbarItem(
-                      index: 3,
+                    index: 3,
-                      isSelected: currentIndex == 3,
+                    isSelected: currentIndex == 3,
-                      icon: Icons.bar_chart_rounded,
+                    icon: Icons.bar_chart_rounded,
-                      label: 'Stats',
+                    label: 'Stats',
-                      onTabTapped: onTabTapped,
+                    onTabTapped: onTabTapped,
-                    ),
+                  ),
-                  ],
+                ],
-                ),
               ),
             ),
           ),

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,