feat: Implement real-time messaging functionality with dedicated services, types, a custom hook, and UI integration.

src/components/layout/CommonHeader.tsx

@@ -165,7 +165,8 @@ export function CommonHeader() {
                         alt="Profile"
                         width={35}
                         height={35}
-                        className="w-full h-full object-cover"
+                        className="object-cover"
+                        style={{ width: '100%', height: '100%' }}
                       />
                     )}
                   </div>
@@ -201,7 +202,8 @@ export function CommonHeader() {
                             alt="Profile"
                             width={42}
                             height={42}
-                            className="w-full h-full object-cover"
+                            className="object-cover"
+                            style={{ width: '100%', height: '100%' }}
                           />
                         )}
                       </div>