Fixed new user username formating

PostFundManagement.ConsoleUI/src/pages/GovernancePage.tsx

@@ -293,9 +293,14 @@ export const GovernancePage: React.FC = () => {
     setIsSubmittingQuickUser(true);
     try {
       const tenantId = getCurrentUserTenantId() || 1;
+      const rawEmail = quickUserEmail.trim().toLowerCase();
+      const sanitizedUserName = quickUserName.trim()
+        ? quickUserName.trim().toLowerCase().replace(/\s+/g, '.').replace(/[^a-z0-9_.\-@+]/g, '')
+        : rawEmail.split('@')[0];
+
       const payload: CreateUserRequest = {
-        email: quickUserEmail.trim().toLowerCase(),
-        userName: quickUserName.trim() || quickUserEmail.split('@')[0],
+        email: rawEmail,
+        userName: sanitizedUserName || rawEmail,
         emailConfirmed: true,
         phoneNumber: quickUserPhone.trim() || null,
         phoneNumberConfirmed: false,
@@ -1666,14 +1671,15 @@ export const GovernancePage: React.FC = () => {
                 </div>
 
                 <div>
-                  <label className="block text-[11px] font-medium text-slate-300 mb-1">Full / User Name</label>
+                  <label className="block text-[11px] font-medium text-slate-300 mb-1">Full Name / Username</label>
                   <input
                     type="text"
                     value={quickUserName}
                     onChange={(e) => setQuickUserName(e.target.value)}
-                    placeholder="e.g. Sipho Ndlovu"
+                    placeholder="e.g. Tony Ngcobo"
                     className="w-full px-2.5 py-1.5 text-xs border border-slate-700/80 rounded-lg bg-[#090d16] text-white focus:outline-none focus:ring-1 focus:ring-blue-500"
                   />
+                  <p className="text-[10px] text-slate-500 mt-0.5">Will be normalized to valid login username (e.g. tony.ngcobo)</p>
                 </div>
 
                 <div>