Create Organisation Fix

PostFundManagement.ConsoleUI/src/components/users/UserSecurityModal.tsx

@@ -32,6 +32,7 @@ import {
   getSystemClaims,
 } from '../../services/api';
 import { HelpTooltip } from '../ui/HelpTooltip';
+import { ObfuscatedIdNumber } from '../ui/ObfuscatedIdNumber';
 import { decodeIdNumberHex } from '../../utils/hashids';
 import { User, Role, Claim, ActivityStatus } from '../../types';
 import { formatDate, getActivityStatusBadge, getUserRoleBadge } from '../../lib/formatters';
@@ -298,10 +299,14 @@ export const UserSecurityModal: React.FC<UserSecurityModalProps> = ({
               <div className="grid grid-cols-2 gap-3 border-t border-slate-800/80 pt-2">
                 <div>
                   <span className="text-slate-400 font-semibold block text-[11px] uppercase">Id Number:</span>
-                  <div className="flex items-center gap-2">
-                    <span className="font-mono text-white text-xs">{effectiveUser.idNumber || '—'}</span>
+                  <div className="flex items-center gap-2 mt-0.5">
+                    <ObfuscatedIdNumber idNumber={effectiveUser.idNumber} />
                     {decodedId && decodedId !== effectiveUser.idNumber && (
-                      <span className="text-[10px] text-blue-400 font-mono">(Decoded: {decodedId})</span>
+                      <div className="flex items-center gap-1 text-[10px] text-blue-400 font-mono">
+                        <span>(Decoded:</span>
+                        <ObfuscatedIdNumber idNumber={decodedId} />
+                        <span>)</span>
+                      </div>
                     )}
                   </div>
                 </div>