fix: Add Delete icon in team selector.

[NirajC-Microsoft]

Purpose

This pull request updates the team deletion button in the TeamSelector component to improve clarity and user experience. The main changes include replacing the generic "more" icon with a dedicated delete icon, renaming related CSS classes, and updating the button's styling to use a red color scheme for delete actions.

Component and UI updates:

• Replaced the MoreHorizontal20Regular icon with the DeleteRegular icon for the team deletion button in TeamSelector.tsx, making the button purpose clearer. [1] [2]

Styling changes:

• Renamed CSS classes from .moreButton and .moreButtonDisabled to .deleteButton and .deleteButtonDisabled in TeamSelector.module.css to match the new button purpose.
• Updated hover styles for the delete button to use a red background and foreground, signaling a destructive action, and adjusted disabled styles for consistency.

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