fix(kno-5266): slackkit: css updates + changes from QA

[meryldakin]

This handles several changes found necessary during QA. The bulk of it is a refactor of the stylesheets so that everything is standardized and named properly.

These are the other items handled:

Design

• [x] Align the icon within the searchbar
• [x] Clear the search text if you click outside of the combobox
• [x] Align search icon, channel icon, and text within the slack options
• [x] Add color fade to the hover state

Combobox functionality

• [x] Make sure you can click anywhere outside of the combobox to exit (see Jeff’s loom)
• [x] When you click the combobox, you should immediately be able to type (search input should be focused)

Walkthrough

https://www.loom.com/share/26b4945f5a9a4f8683e29ab176db6904

[linear[bot]]

KNO-5266 [react] ui/ux updates to combobox

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 6878301918029d991828dbb1074e339f6aa146c7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
javascript-slack-connect-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 23, 2024 5:38pm
javascript-slack-kit-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 23, 2024 5:38pm