Add "Share at Timestamp" Button to Hearing Transcript Lines

[Mephistic]

Summary

On our Hearing Detail page, we have an auto-scrolling, AI-generated transcript of the hearing video. We want users to be able to share specific lines from the hearing to . To that end, we should allow users to link to a specific timestamp in the hearing video and add a button to each transcript line that, when clicked, will copy the URL for that timestamp to the user's clipboard (for ease of sharing)

Success Criteria

• Add a query param to the Hearing Detail page (/hearing/[hearingId]) that allows us to link to a specific timestamp
  • Seek the video to that timestamp automatically on page load
  • The highlighted transcript section should also sync to the given timestamp
• Add "Share" button to each row of the Hearing Transcript
  • On click, should copy the URL for this Hearing Detail page at that row's start timestamp (e.g. /hearing/5252?t=1200)

Additional Resources

• We don't have a full Design, but we should draw heavily from the CalMatters design for this linked below:
  • We don't need all the social sharing options - this ticket only covers the "Link to Timestamp" feature
  • There is probably a FontAwesome icon for the share link
  • If the popover is too much work to get up and running, just add alt text to the "Share" icon explaining it (e.g. "Link to Timestamp") and make clicking the "Share" icon copy the URL
• Design: https://docs.google.com/document/d/1Uvb-ZK7bQwYPqg9iww4ewfz7B3MfajyrUNs9DAuLiTQ/edit?tab=t.0
  • The CalMatters design is the image under "Enhancements (nice to have) -> Hearing Page -> Share Button"