Improve the size/styling of the CoachingSessionSelector and SelectCoachingSession components

[jhodapp]

Description

This PR improves the size/styling of the CoachingSessionSelector and SelectCoachingSession components with better padding, text truncation and dedupe repetitive TSX code.

GitHub Issue: None

Changes

• Improves padding (vertically and on the right side)
• Ensures the CoachingSessionSelector never grows larger on the right side than its parent Card container component
• Truncates SelectItem text in a responsive way
• Dedupes repetitive SelectItem TSX code down into a single source

Screenshots / Videos Showing UI Changes (if applicable)

Testing Strategy

1. Visit the Dashboard page and play with the size of the browser window (horizontal size)
2. Observe that the coaching session selector truncates text and the select item never grows larger than the container Card component
3. Also observe this same behavior within the coaching session page.

Concerns

1. Truncation of SelectItem text is not perfect and I'm not sure why yet. Nonetheless, this is a huge improvement and hopefully we can figure out perfect text truncation in the future.

[qafui]

Looks good to me.