optimizations

resources/js/components/messaging/MessageBubble.jsx

@@ -64,6 +64,7 @@ export default function MessageBubble({ message, isMine, showAvatar, endsSequenc
 
   return (
     <div
+      id={message?.id ? `message-${message.id}` : undefined}
       className={`group flex items-end gap-2.5 sm:gap-3 ${isMine ? 'flex-row-reverse' : 'flex-row'} ${showAvatar ? 'mt-4' : 'mt-1'}`}
       style={prefersReducedMotion ? undefined : {
         opacity: isArrivalVisible ? 1 : 0.55,