add mihsearch to tools

Frontend/lib/mih_packages/mzansi_directory/mzansi_directory.dart

@@ -2,6 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_action.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tools.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_directory/package_tools/mih_contacts.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_directory/package_tools/mih_favourite_businesses.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_directory/package_tools/mih_search_mzansi.dart';
 
 class MzansiDirectory extends StatefulWidget {
   const MzansiDirectory({super.key});
@@ -25,16 +28,15 @@ class _MzansiDirectoryState extends State<MzansiDirectory> {
         setState(() {
           _selcetedIndex = newValue;
         });
-        print("Index: $_selcetedIndex");
       },
     );
   }
 
   List<Widget> getToolBody() {
     List<Widget> toolBodies = [
-      Placeholder(),
+      MihContacts(),
-      Placeholder(),
+      MihFavouriteBusinesses(),
-      Placeholder(),
+      MihSearchMzansi(),
     ];
     return toolBodies;
   }

Frontend/lib/mih_packages/mzansi_directory/package_tools/mih_contacts.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_search_bar.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
+
+class MihContacts extends StatefulWidget {
+  const MihContacts({super.key});
+
+  @override
+  State<MihContacts> createState() => _MihContactsState();
+}
+
+class _MihContactsState extends State<MihContacts> {
+  final TextEditingController contactSearchController = TextEditingController();
+  final FocusNode searchFocusNode = FocusNode();
+
+  @override
+  Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    final double width = size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(width),
+    );
+  }
+
+  Widget getBody(double width) {
+    return MihSingleChildScroll(
+      child: Column(
+        children: [
+          Padding(
+            padding: EdgeInsets.symmetric(horizontal: width / 20),
+            child: MihSearchBar(
+              controller: contactSearchController,
+              hintText: "Search Contacts",
+              prefixIcon: Icons.search,
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              onPrefixIconTap: () {},
+              searchFocusNode: searchFocusNode,
+            ),
+          ),
+          const SizedBox(height: 10),
+        ],
+      ),
+    );
+  }
+}

Frontend/lib/mih_packages/mzansi_directory/package_tools/mih_favourite_businesses.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_search_bar.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
+
+class MihFavouriteBusinesses extends StatefulWidget {
+  const MihFavouriteBusinesses({super.key});
+
+  @override
+  State<MihFavouriteBusinesses> createState() => _MihFavouriteBusinessesState();
+}
+
+class _MihFavouriteBusinessesState extends State<MihFavouriteBusinesses> {
+  final TextEditingController businessSearchController =
+      TextEditingController();
+  final FocusNode searchFocusNode = FocusNode();
+
+  @override
+  Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    final double width = size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(width),
+    );
+  }
+
+  Widget getBody(double width) {
+    return MihSingleChildScroll(
+      child: Column(
+        children: [
+          Padding(
+            padding: EdgeInsets.symmetric(horizontal: width / 20),
+            child: MihSearchBar(
+              controller: businessSearchController,
+              hintText: "Search Businesses",
+              prefixIcon: Icons.search,
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              onPrefixIconTap: () {},
+              searchFocusNode: searchFocusNode,
+            ),
+          ),
+          const SizedBox(height: 10),
+        ],
+      ),
+    );
+  }
+}

Frontend/lib/mih_packages/mzansi_directory/package_tools/mih_search_mzansi.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_search_bar.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
+
+class MihSearchMzansi extends StatefulWidget {
+  const MihSearchMzansi({super.key});
+
+  @override
+  State<MihSearchMzansi> createState() => _MihSearchMzansiState();
+}
+
+class _MihSearchMzansiState extends State<MihSearchMzansi> {
+  final TextEditingController mzansiSearchController = TextEditingController();
+  final FocusNode searchFocusNode = FocusNode();
+
+  @override
+  Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    final double width = size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(width),
+    );
+  }
+
+  Widget getBody(double width) {
+    return MihSingleChildScroll(
+      child: Column(
+        children: [
+          Padding(
+            padding: EdgeInsets.symmetric(horizontal: width / 20),
+            child: MihSearchBar(
+              controller: mzansiSearchController,
+              hintText: "Search Mzansi",
+              prefixIcon: Icons.search,
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              onPrefixIconTap: () {},
+              searchFocusNode: searchFocusNode,
+            ),
+          ),
+          const SizedBox(height: 10),
+        ],
+      ),
+    );
+  }
+}