Align business preview to personal preview

Frontend/lib/mih_components/mih_package_components/mih_business_profile_preview.dart

@@ -49,6 +49,7 @@ class _MihBusinessProfilePreviewState extends State<MihBusinessProfilePreview> {
             builder: (context, asyncSnapshot) {
               if (asyncSnapshot.connectionState == ConnectionState.done &&
                   asyncSnapshot.hasData) {
+                if (asyncSnapshot.requireData != "") {
                   return MihCircleAvatar(
                     imageFile: NetworkImage(asyncSnapshot.requireData),
                     width: profilePictureWidth,
@@ -65,6 +66,14 @@ class _MihBusinessProfilePreviewState extends State<MihBusinessProfilePreview> {
                   return Icon(
                     MihIcons.iDontKnow,
                     size: profilePictureWidth,
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  );
+                }
+              } else {
+                return Icon(
+                  MihIcons.mihRing,
+                  size: profilePictureWidth,
                 );
               }
             }),
@@ -79,13 +88,20 @@ class _MihBusinessProfilePreviewState extends State<MihBusinessProfilePreview> {
                 fontSize: 18,
               ),
             ),
+            Text(
+              widget.business.type,
+              style: TextStyle(
+                fontWeight: FontWeight.bold,
+                fontSize: 15,
+              ),
+            ),
             Text(
               widget.myLocation != null || widget.myLocation!.isEmpty
                   ? calculateDistance()
                   : "0.00 km",
               style: TextStyle(
                 fontWeight: FontWeight.bold,
-                fontSize: 12,
+                fontSize: 10,
               ),
             ),
           ],