chore: applying some of code rabit's implementation

Client/src/Components/Check/Check.jsx

@@ -54,7 +54,8 @@ const Check = ({ text, noHighlightText, variant = "info", outlined = false }) =>
 					opacity: 0.8,
 				}}
 			>
-				<Typography component="span">{noHighlightText}</Typography> {text}
+				{noHighlightText && <Typography component="span">{noHighlightText}</Typography>}{" "}
+				{text}
 			</Typography>
 		</Stack>
 	);

Client/src/Pages/Auth/SetNewPassword.jsx

@@ -52,7 +52,9 @@ const SetNewPassword = () => {
 					body: "Your password was reset successfully.",
 				});
 			} else {
-				const errorMessage = action.payload ? action.payload.msg : "Unknown error";
+				const errorMessage = action.payload
+					? action.payload.msg
+					: "Unable to reset password. Please try again later or contact support.";
 				createToast({
 					body: errorMessage,
 				});