When I select an option and then hover over it and move my cursor outside of the Drop, the selected option still has the 'active' styling. I would expect that when the cursor leaves the drop the selected option should just have the 'selected' styling (in this case a purple background).
https://github.com/user-attachments/assets/6f1983ac-6491-41ab-852e-6b82792f999b

We should simplify to have 'hover' styling that is applied when a select option is hovers and 'focus' styling that is applied to a select option when it receives keyboard focus. I don't think we need to have 'active' styling as well.

In addition when I hover over option 2 and my cursor leaves the drop I would expect option 2 to no longer have the hover styling.

This expectation aligns with the native html behavior:

On focus via keyboard I would expect a focus indicator to be displayed and the 'hover' and 'active' styling not to show.