fix: Disable 3 dots option from Default Teams(fix for bug 23528)

[NirajC-Microsoft]

Purpose

This pull request improves the user experience and accessibility of the team selection interface by preventing deletion of default teams and providing clear visual feedback and messaging. The most important changes are grouped below.

Frontend logic and UI enhancements:

• Added a helper function isDefaultTeam in TeamSelector.tsx to identify default teams by ID or name, enabling differentiated behavior for these teams.
• Updated the rendering logic in TeamSelector.tsx so that the three-dot menu button for default teams is disabled, wrapped in a Tooltip explaining that default teams cannot be deleted. This prevents accidental deletion and informs the user. [1] [2]
• Imported the Tooltip component from Fluent UI in TeamSelector.tsx to support the new tooltip functionality.

Styling improvements:

• Added new CSS class .moreButtonDisabled in TeamSelector.module.css to visually indicate the disabled state of the menu button for default teams, including reduced opacity and a "not-allowed" cursor.
• Increased the z-index of tooltips to ensure they appear above dialog content, improving accessibility and visibility.

App View

Does this introduce a breaking change?

• Yes
• No

How to Test

• Get the code

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]
npm install

• Test the code

What to Check

Verify that the following are valid

• ...

Other Information