chore: standardizes the usage of Tailwind CSS

[1chooo]

This pull request focuses on updating Tailwind and utility class usage throughout the codebase to use newer or more consistent conventions. The main changes involve replacing bg-gradient-to-* with bg-linear-to-*, updating bracket notation for dynamic values, and using more explicit utility classes for sizing, positioning, and animation. These changes improve code consistency, future-proofing, and alignment with newer Tailwind standards.

Gradient and background utility updates:

• Replaced all instances of bg-gradient-to-* with bg-linear-to-* for gradient backgrounds in components such as CodeBlockWrapper, CodeCollapsibleWrapper, CTASection, MusicPlayer, HeroVideoDialog, and several demo components. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]

Dynamic and bracket notation improvements:

• Updated dynamic utility classes to use the new bracket notation for variables (e.g., gap-(--gap), duration-(--transition-length), rotate-(--angle), bg-size-[...], bg-position-[...]) across multiple components for improved clarity and Tailwind compatibility. [1] [2] [3] [4] [5] [6] [7]

Other utility and style consistency updates:

• Replaced some deprecated or less clear utilities with more explicit ones, such as aspect-[1/1] to aspect-square, max-w-[600px] to max-w-150, and w-[50px] to w-12.5. [1] [2]
• Updated classnames to use more consistent or simplified forms, such as z-[1] to z-1, and improved pseudo-class usage (e.g., not-[&:hover]:duration-1000). [1] [2]
• Adjusted animation and hover state classes for clarity and alignment with newer conventions (e.g., group-hover:paused, direction-[reverse]). [1] [2] [3] [4]
• Minor fixes to background opacity and shadow utilities for improved visual effects.

These changes collectively modernize the styling approach, making the codebase more maintainable and compatible with the latest Tailwind CSS practices.## Description

motivated by: #882 #898 #906

[vercel]

@1chooo is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[Yeom-JinHo]

@1chooo
Tysm!
There are a few changes and conflicts, so I’ll rebase first and then merge.