refactor(components): use canonical Tailwind class syntax

[dulapahv]

PR Description

This PR updates several class names to use Tailwind CSS's canonical class syntax.

Summary of Changes

Common Pattern Changes:

• !class -> class! (important modifier positioning)
• w-[240px] -> w-60 (semantic width classes)
• min-h-[100vh] -> min-h-screen (viewport-relative classes)
• data-[attr]:class -> data-attr:class (data attribute shorthand)
• [&:not(:first-child)] -> not-first (pseudo-class shorthand)
• bg-gradient-to-* -> bg-linear-to-* (canonical gradient names)

All changes maintain the same visual appearance and purely syntax-level improvements for better maintainability.

Note

rounded-[4px] in apps\v4\registry\new-york-v4\ui\checkbox.tsx was not changed to rounded-lg, since var(--radius) used in rounded-lg has been overridden from the default Tailwind value (0.625rem instead of 0.25rem).

[vercel]

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

A member of the Team first needs to authorize it.

[dulapahv]

There's a newer PR (#8743) addressing similar Tailwind canonicalization, but this PR includes all of those changes plus additional refactors. Suggest reviewing this one first.