Show phone username under the header display name.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/dashboard/DashboardHeader.tsx

@@ -59,6 +59,7 @@ export default function DashboardHeader({
     user?.name?.trim() ||
     userName ||
     "کاربر";
+  const username = user?.cellNumber?.trim() || "";
   const [menuOpen, setMenuOpen] = useState(false);
   const [userOpen, setUserOpen] = useState(false);
   const [passwordOpen, setPasswordOpen] = useState(false);
@@ -112,10 +113,20 @@ export default function DashboardHeader({
               }}
               className="flex cursor-pointer items-center gap-2.5 text-ink transition-opacity hover:opacity-70"
             >
+              <span className="flex min-w-0 flex-col items-end leading-tight">
                 <span className="max-w-[12rem] truncate text-sm sm:max-w-none">
                   {displayName}
                 </span>
-              <span className="flex h-9 w-9 items-center justify-center border border-line bg-white">
+                {username ? (
+                  <span
+                    dir="ltr"
+                    className="max-w-[12rem] truncate font-montserrat text-[0.7rem] text-muted sm:max-w-none"
+                  >
+                    {username}
+                  </span>
+                ) : null}
+              </span>
+              <span className="flex h-9 w-9 shrink-0 items-center justify-center border border-line bg-white">
                 <UserIcon />
               </span>
             </button>