feat: 实现桌面控制组件

src/features/game/components/shared/game-announcement-modal.tsx

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react'
 
-const cx = (...classes: Array<string | false | null | undefined>) =>
-  classes.filter(Boolean).join(' ')
+import { cn } from '@/lib/untils'
 
 type GameTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger'
 
@@ -45,7 +44,7 @@ function ModalAction({ label, onClick, tone = 'brand' }: GameOverlayAction) {
     <button
       type="button"
       onClick={onClick}
-      className={cx(
+      className={cn(
         'inline-flex min-h-12 items-center justify-center rounded-full border px-5 text-sm font-semibold tracking-[0.18em] uppercase transition duration-200',
         actionToneClasses[tone],
       )}
@@ -75,7 +74,7 @@ export function GameAnnouncementModal({
         role="dialog"
         aria-modal="true"
         aria-labelledby="game-announcement-title"
-        className={cx(
+        className={cn(
           'w-full max-w-xl rounded-[32px] border p-6 shadow-[0_40px_120px_-40px_rgba(15,23,42,0.95)] sm:p-7',
           toneClasses[tone],
         )}