Cocurricular transcript styling adjustments

[sofistonehouse]

Before:

After:

Mobile View:

[sofistonehouse]

Not styled correctly on mobile but I will continue to work on that

[bennettforkner]

For consistency and readability, it's probably best to format these the same as Advisor above.

Suggested change

	<div className={styles.organization_role}>Leader ({formatDuration(leaderSessions)})</div>
	</div>
	)}
	{memberSessions.length > 0 && (
	<div className={styles.participation_line}>
	<div className={styles.organization_role}>Member ({formatDuration(memberSessions)})</div>
	<div className={styles.organization_role}>
	Leader ({formatDuration(leaderSessions)})
	</div>
	</div>
	)}
	{memberSessions.length > 0 && (
	<div className={styles.participation_line}>
	<div className={styles.organization_role}>
	Member ({formatDuration(memberSessions)})
	</div>

[bennettforkner]

This is a lot of repeated code for doing something only slightly different from formatDuration(sessions).

Perhaps you could eliminate formatFinalDuration(...) and update the formatDuration(sessions) function to the following:

const formatDuration = (sessionRecords: MembershipHistorySession[], summarizeDates: bool = false) => {
...
    } else if (interval.consecutiveWith(session) || summarizeDates) {
...
  return intervalDescriptions.join(', ');
};

Then you could just call formatDuration(sessions, true) instead of formatFinalDuration(...)