Theme Switcher added to drawers all files updated

Frontend/patient_manager/lib/pages/profileUpdate.dart

@@ -3,6 +3,7 @@ import 'package:google_nav_bar/google_nav_bar.dart';
 import 'package:patient_manager/components/myAppBar.dart';
 import 'package:patient_manager/components/profileOfficeUpdate.dart';
 import 'package:patient_manager/components/profileUserUpdate.dart';
+import 'package:patient_manager/main.dart';
 import 'package:patient_manager/objects/appUser.dart';
 
 class ProfileUpdate extends StatefulWidget {
@@ -43,32 +44,31 @@ class _ProfileUpdateState extends State<ProfileUpdate> {
       body: Center(
         child: _widgetOptions.elementAt(_selectedIndex),
       ),
-      bottomNavigationBar: Padding(
-        padding: const EdgeInsets.symmetric(horizontal: 150.0, vertical: 5.0),
-        child: GNav(
-          //hoverColor: Colors.lightBlueAccent,
-          iconSize: 35.0,
-          activeColor: Colors.white,
-          tabBackgroundColor: Colors.blueAccent,
-          gap: 20,
-          //padding: EdgeInsets.all(15),
-          tabs: const [
-            GButton(
-              icon: Icons.perm_identity,
-              text: "User Profile",
-            ),
-            GButton(
-              icon: Icons.business,
-              text: "Office Profile",
-            ),
-          ],
-          selectedIndex: _selectedIndex,
-          onTabChange: (index) {
-            setState(() {
-              _selectedIndex = index;
-            });
-          },
-        ),
+      bottomNavigationBar: GNav(
+        //hoverColor: Colors.lightBlueAccent,
+        color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        iconSize: 35.0,
+        activeColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+        tabBackgroundColor:
+            MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        //gap: 20,
+        //padding: EdgeInsets.all(15),
+        tabs: const [
+          GButton(
+            icon: Icons.perm_identity,
+            text: "User Profile",
+          ),
+          GButton(
+            icon: Icons.business,
+            text: "Office Profile",
+          ),
+        ],
+        selectedIndex: _selectedIndex,
+        onTabChange: (index) {
+          setState(() {
+            _selectedIndex = index;
+          });
+        },
       ),
     );
   }