add defualt text

Frontend/lib/mih_components/mih_package_components/mih_personal_profile_preview.dart

@@ -65,24 +65,28 @@ class _MihPersonalProfilePreviewState extends State<MihPersonalProfilePreview> {
               return Icon(
                 MihIcons.mihRing,
                 size: profilePictureWidth,
-                  color:
+                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
               );
             }
-            }),
+          },
+        ),
         const SizedBox(width: 15),
         Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Text(
-              widget.user.username,
+              widget.user.username.isNotEmpty
+                  ? widget.user.username
+                  : "Username",
               style: TextStyle(
                 fontWeight: FontWeight.bold,
                 fontSize: 18,
               ),
             ),
             Text(
-              "${widget.user.fname} ${widget.user.lname}",
+              widget.user.fname.isNotEmpty
+                  ? "${widget.user.fname} ${widget.user.lname}"
+                  : "Name Surname",
               style: TextStyle(
                 fontWeight: FontWeight.bold,
                 fontSize: 15,