fix(components): use "supports-hover" to improve display on mobile devices

[Mirrorgo]

Add supports-hover variant to Tailwind config for better mobile UX

• Introduces a new Tailwind variant 'supports-hover'
• Uses @media (hover: hover) to target devices with true hover capability
• Allows conditional application of hover styles
• Fixes inconsistent toggle button behavior on touch devices
• Maintains hover effects on desktop while disabling them on most mobile devices

[vercel]

@Mirrorgo is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[Mirrorgo]

I added this feature mainly for this issue: #4457. I currently use the supports-hover method. Do I need to modify other hover elements to optimize the experience, or should I only modify the toggle component for now?

[oliverox]

I can confirm those changes fixes the issue on mobile.