home tile press and hold color change

Frontend/patient_manager/lib/mih_components/mih_layout/mih_tile.dart

@@ -106,30 +106,61 @@ class _MIHTileState extends State<MIHTile> {
         mainAxisSize: MainAxisSize.max,
         mainAxisAlignment: MainAxisAlignment.end,
         children: [
-          Material(
+          AnimatedContainer(
+            width: 250,
+            height: 250,
+            duration: const Duration(seconds: 2),
+            child: Material(
               color: mainC,
+              elevation: 10,
               borderRadius: BorderRadius.circular(80),
-            child: Ink(
-              padding: const EdgeInsets.all(20),
               child: InkWell(
+                borderRadius: BorderRadius.circular(80),
+                // ho
                 onTap: widget.onTap,
-                child: SizedBox(
+                // hoverDuration: ,
-                  height: 200,
+                splashColor:
-                  width: 200,
+                    MzanziInnovationHub.of(context)!.theme.highlightColor(),
+                highlightColor:
+                    MzanziInnovationHub.of(context)!.theme.highlightColor(),
                 child: widget.tileIcon,
               ),
             ),
           ),
-          ),
+          // Material(
+          //   color: mainC,
+          //   borderRadius: BorderRadius.circular(80),
+          //   child: Ink(
+          //     // width: 200,
+          //     // height: 200,
+          //     padding: const EdgeInsets.all(20),
+          //     child: InkWell(
+          //       onTap: widget.onTap,
+          //       hoverDuration: Duration(seconds: 2),
+          //       highlightColor:
+          //           MzanziInnovationHub.of(context)!.theme.messageTextColor(),
+          //       child: SizedBox(
+          //         height: 200,
+          //         width: 200,
+          //         child: widget.tileIcon,
+          //       ),
+          //     ),
+          //   ),
+          // ),
           const SizedBox(height: 10),
-          Text(
+          SizedBox(
+            width: 300,
+            child: Text(
               widget.tileName,
               textAlign: TextAlign.center,
+              softWrap: true,
+              overflow: TextOverflow.visible,
               style: TextStyle(
                 color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                 fontSize: 40.0,
                 fontWeight: FontWeight.bold,
               ),
+            ),
           )
         ],
       ),

Frontend/patient_manager/lib/mih_packages/mih_home/mih_home.dart

@@ -124,7 +124,10 @@ class _MIHHomeState extends State<MIHHome> {
         );
       },
       tileName: "Mzansi Profile",
-      tileIcon: Image(image: logo),
+      tileIcon: Padding(
+        padding: const EdgeInsets.all(25.0),
+        child: Image(image: logo),
+      ),
       p: getPrim(),
       s: getSec(),
     ));

Frontend/patient_manager/lib/mih_theme/mih_theme.dart

@@ -131,6 +131,14 @@ class MyTheme {
     return Color(_errColor);
   }
 
+  Color highlightColor() {
+    if (mode == "Dark") {
+      return const Color(0XFF9bc7fa);
+    } else {
+      return const Color(0XFF354866);
+    }
+  }
+
   Color successColor() {
     return Color(_succColor);
   }