feat(game): 重构游戏组件并新增自动设置模态框

- 将多个组件中的背景图片样式替换为 SmartBackground 组件
- 在 CenterModal 中新增 isShowClose 属性控制关闭按钮显示
- 新增 DesktopAutoSettingModal 组件实现自动设置功能
- 新增 DesktopProceduresModal 和 DesktopWithdrawTopupModal 组件
- 配置 shadcn/ui 并集成 Geist 字体和动画库
- 更新 CSS 样式添加暗色主题变量和输入框样式
- 修复 utils 导入路径错误问题

src/features/game/modal/desktop/desktop-notice-modal.tsx

@@ -3,6 +3,7 @@ import lengthBlueBtn from '@/assets/system/length-blue-btn.webp'
 import lengthGreenBtn from '@/assets/system/length-green-btn.webp'
 import noticeBg from '@/assets/system/notice-bg.webp'
 import { CenterModal } from '@/components/center-modal.tsx'
+import { SmartBackground } from '@/components/smart-background.tsx'
 import { SmartImage } from '@/components/smart-image.tsx'
 
 function DesktopNoticeModal() {
@@ -49,33 +50,29 @@ function DesktopNoticeModal() {
           </div>
         </div>
         <div className={'w-full flex justify-around'}>
-          <div
-            style={{
-              backgroundImage: `url(${lengthGreenBtn})`,
-              backgroundSize: '106% 108%',
-              backgroundRepeat: 'no-repeat',
-              backgroundPosition: 'center',
-            }}
+          <SmartBackground
+            src={lengthGreenBtn}
+            size="106% 108%"
+            repeat="no-repeat"
+            position="center"
             className={
               'w-design-270 h-design-72 pb-design-5 flex items-center justify-center text-design-20 font-bold'
             }
           >
             Memeriksa
-          </div>
+          </SmartBackground>
 
-          <div
-            style={{
-              backgroundImage: `url(${lengthBlueBtn})`,
-              backgroundSize: '100% 90%',
-              backgroundRepeat: 'no-repeat',
-              backgroundPosition: 'center',
-            }}
+          <SmartBackground
+            src={lengthBlueBtn}
+            size="100% 90%"
+            repeat="no-repeat"
+            position="center"
             className={
               'w-design-270 h-design-72 pb-design-5 flex items-center justify-center text-design-20 font-bold'
             }
           >
             Memeriksa
-          </div>
+          </SmartBackground>
         </div>
       </div>
     </CenterModal>