SSR and CSR Hydration

[tt-a1i]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation update
• Performance improvement
• Test related changes
• Security fix
• Dependency update
• Revert changes
• Other... Please describe:

What is the current behavior?

报错信息:Warning: Prop className did not match. Server: "absolute top-0 right-0 w-1 h-full bg-[image:linear-gradient(to_bottom,#0c002b,#1779ff)] animate-snakeBorderLeft" Client: "absolute top-0 right-0 w-1 h-full bg-[image:linear-gradient(to_bottom,#0c002b,#1779ff)] animate-snakeBorderLeft " Error Component Stack
服务器端渲染：生成的 className 是 "absolute top-0 right-0 w-1 h-full bg-[image:linear-gradient(to_bottom,#0c002b,#1779ff)] animate-snakeBorderLeft"。

客户端渲染：生成的 className 是 "absolute top-0 right-0 w-1 h-full bg-[image:linear-gradient(to_bottom,#0c002b,#1779ff)] animate-snakeBorderLeft "，
末尾多了一个空格。

• Closes #
• Related to #

What is the new behavior?

before fixed

after fixed

Does this PR introduce a breaking change?

• Yes
• No

UI Changes

Other information