refactor: improve styling and layout of the user dropdown menu in CommonHeader.

src/components/layout/CommonHeader.tsx

@@ -244,11 +244,11 @@ export function CommonHeader() {
                           />
                         )}
                       </div>
-                      <div className="flex flex-col">
+                      <div className="flex flex-col min-w-0 overflow-hidden">
                         <p className="font-fractul font-medium text-[16px] leading-[20px] text-black">
                           {userName?.split(' ')[0] || 'User'}
                         </p>
-                        <p className="font-serif text-[14px] leading-[18px] text-black/50">
+                        <p className="font-serif text-[14px] leading-[18px] text-black/50 truncate">
                           {userEmail}
                         </p>
                       </div>