feat: integrate latest HMDesign design system updates

packages/ui/src/patterns/gnb/gnb.tsx

@@ -115,14 +115,14 @@ type GNBUserProps = Omit<React.ComponentProps<"button">, "children"> & {
 
 // Trigger button of the user menu: name / role text on the desktop bar; the Avatar (children) shows on the mobile bar only, where the
 // text is hidden (ui-viz's profile is text-only, so the desktop bar has no image). Because of that the
-// accessible name defaults to "<name> 사용자 메뉴". Use it as `<DropdownMenuTrigger asChild>`; the data-slot comes after the
+// accessible name includes the visible name and description, followed by "사용자 메뉴". Use it as `<DropdownMenuTrigger asChild>`; the data-slot comes after the
 // spread so the trigger's own slot does not replace it (same rule as Button).
 function GNBUser({ className, name, description, children, "aria-label": ariaLabel, ...props }: GNBUserProps) {
   return (
-    <button type="button" aria-label={ariaLabel ?? `${name} 사용자 메뉴`} className={cn("flex items-center", className)} {...props} data-slot="gnb-user">
+    <button type="button" aria-label={ariaLabel ?? `${name}${description ? ` ${description}` : ""} 사용자 메뉴`} className={cn("flex items-center", className)} {...props} data-slot="gnb-user">
       {children}
       <span data-slot="gnb-user-text">
-        <span data-slot="gnb-user-name">{name}</span>
+        <span data-slot="gnb-user-name">{name}{description ? " " : null}</span>
         {description ? <span data-slot="gnb-user-description">{description}</span> : null}
       </span>
     </button>