Fix Professor Name Overflow

[vinnyho]

Description

• Applied conditional logic to truncate long first names or last names using ellipses while maintaining spacing.
• Ensured that names with reasonable lengths display fully without truncation.
• Added hover tooltips to show the full name in cases where truncation occurs.
• Updated CSS to handle overflow scenarios dynamically without altering the font size or overall layout.

Screenshots

Before:

After:

Test Plan

• Verified that shorter name lengths display without truncation or layout issues.
• Tested with long names to confirm truncation and proper tooltip display.
• Ensured hover functionality and links work as expected.

Possible Problems

• Using em as spacing might cause issues in certain layouts or resolutions. Please verify if this approach aligns with the design requirements.

Issues

Closes #537

[Awesome-E]

lgtm!

[js0mmer]

@Awesome-E btw, open-source contributors can't merge