[UI/UX] Inconsistent Positioning and Unclear Functionality of Black Triangle Icon on Timetable Block

[YuxinZhang214]

Describe the Issue
The timetable block sporadically features a black triangle icon either on its left or right side.

Screenshot

Suggested Solution

• Look up the @fullcalendar/react module
• Ensure consistent positioning for the triangle icon unless its position (left vs. right) signifies different functionalities. In such a case, this differentiation should be made evident to users.
• Implement tooltips that appear on hover, providing a brief description of the icon's functionality and any significance its positioning might have.
• Add a legend or help section on the timetable page explaining the purpose of various icons and the importance of their positioning.

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1