issue #2734 fixed

[RaySit]

Changes to 'TabList' Component Behavior

Modification Overview:
This update modifies how tab changes are handled in the 'TabList' component to ensure that tab switching only occurs with left mouse clicks.

Key Changes:

1. Removal of Redundant 'onChange': The 'onChange' prop of the 'Tabs' component was found to be redundant because tab change handling is now customized. It has been replaced with a placeholder function to maintain the component structure without performing any operation.
2. Conditional Tab Switching: Introduced a 'handleTabClick' function that is triggered on the onMouseDown event. This function checks if the left mouse button ('event.button === 0') was clicked before changing the tab. This prevents unintended tab switches from right-clicks or middle-clicks.
3. Efficient Event Handling: By using the 'onMouseDown' event directly on each 'Tab', the tab-switching logic is more directly controlled and can be easily extended or modified to include additional conditions or behaviors.

Screenshot demonstrating right-clicking a tab:
The user node menu is brought out as normal, but the tab is not switched.

[RunDevelopment]

Thank you for the work @RaySit!

Just one minor nit, and then this is good to go.

[RunDevelopment]

Thank you @RaySit!

[joeyballentine]

Thanks! (And thanks to your professor for having open source contribution as part of your final project 😄)