Schedule Card redesign

[illBelief]

The current schedule card is missing some key features and requires an update to fit a more modern aesthetic. Based on #1233, the card now has a max width of 555px and combines the client header with the card content. This ticket will follow that trend and rearrange the card elements to be more streamline:

Requirements

1. General layout of the card will remain the same, detailed functionality of each element is annotated on Figma in developer mode (see figma link in description)
2. Along with the "start time" of the interaction, the "end time" will also now be displayed. The "end time" icon will follow the same style conventions as the "start time"
   • When the "scheduled time" is pulled, the icon appears in the "scheduled" state
   • When the interaction is checked-in to, the "start time" icon appears in the "In progress" state (end time will never be in this state)
   • When the "true" time is pulled (for checked in/out times) the icon appears in the "Actual" state
   • These states can be found at https://www.figma.com/design/rsdnmwfDuw2Wdk6aaPBdpn/Thread-UIs?node-id=10901-103454&t=PBMQ3eHYJkC8kY7T-4
3. Button functions will now correspond both with the state of the card and also the user permissions. See Notion page for full details:
   • https://www.notion.so/Interaction-Card-Redesign-1991968468a980bbb5e3e03866fc1b2f?pvs=4
   • Button functions such as Cancel and Edit will behave the same as if the user went to the schedule thread, located the interaction, and pressed the button
4. The entire body of the card (everything excluding the header) should now be a touch target to take the user to the Schedule Thread and auto-scroll to the corresponding interaction