feat: Implement S3 avatar resolution for network connections, refine messaging initial conversation selection, and adjust profile display logic and header navigation.

src/components/layout/CommonHeader.tsx

@@ -57,7 +57,7 @@ export function CommonHeader() {
 
   return (
     <header className="bg-[#648188] rounded-[20px] px-4 md:px-8 relative" ref={mobileMenuRef}>
-      <div className="flex justify-between items-center h-[60px] md:h-[70px]">
+      <div className="flex items-center h-[60px] md:h-[70px]">
         {/* Logo */}
         <Link href={dashboardLink} className="flex-shrink-0">
           <Image
@@ -70,8 +70,8 @@ export function CommonHeader() {
           />
         </Link>
 
-        {/* Navigation - Desktop only */}
-        <nav className="hidden md:flex items-center gap-8 ml-auto mr-8">
+        {/* Navigation - Desktop only (centered) */}
+        <nav className="hidden md:flex items-center gap-8 flex-1 justify-center">
           {navLinks.map((link) => (
             <Link
               key={link.href}

src/components/message/MessagingPage.tsx

@@ -302,15 +302,15 @@ export function MessagingPage({ initialConversationId }: { initialConversationId
   }, [conversations]);
 
   // Auto-select conversation when navigated with initialConversationId
-  const initialConvHandledRef = useRef(false);
+  const initialConvHandledRef = useRef<string | null>(null);
   useEffect(() => {
     if (
       initialConversationId &&
-      !initialConvHandledRef.current &&
+      initialConvHandledRef.current !== initialConversationId &&
       conversations.length > 0 &&
       !isLoading
     ) {
-      initialConvHandledRef.current = true;
+      initialConvHandledRef.current = initialConversationId;
       selectConversation(initialConversationId);
     }
   }, [initialConversationId, conversations, isLoading, selectConversation]);