feat(app): 添加应用启动资源预加载功能

- 实现了 AppBootResourceGate 组件用于管理应用启动时的资源加载
- 集成了图片和字体资源的预加载机制
- 添加了启动时的加载进度指示器和动画效果
- 创建了 DataLoadingIndicator 组件用于显示数据加载状态
- 在多个组件中替换原有的加载提示为新的 DataLoadingIndicator
- 更新了样式文件以支持新的加载动画和视觉效果

src/features/game/modal/desktop/desktop-wallet-records-tab.tsx

@@ -2,6 +2,7 @@ import { useVirtualizer } from '@tanstack/react-virtual'
 import { motion } from 'motion/react'
 import { useEffect, useRef } from 'react'
 
+import { DataLoadingIndicator } from '@/components/ui/data-loading-indicator'
 import { useWalletRecordsVm } from '@/features/game/hooks/use-wallet-records-vm'
 
 function DesktopWalletRecordsTab({ enabled }: { enabled: boolean }) {
@@ -69,9 +70,7 @@ function DesktopWalletRecordsTab({ enabled }: { enabled: boolean }) {
           }
         >
           {vm.isLoading ? (
-            <div className={'py-design-30 text-center text-[#6CCDCF]'}>
-              {vm.loadingText}
-            </div>
+            <DataLoadingIndicator label={vm.loadingText} />
           ) : vm.isError ? (
             <div className={'py-design-30 text-center text-[#6CCDCF]'}>
               {vm.loadFailedText}
@@ -126,13 +125,11 @@ function DesktopWalletRecordsTab({ enabled }: { enabled: boolean }) {
                         </div>
                       </motion.div>
                     ) : (
-                      <div
-                        className={
-                          'flex h-[calc(var(--design-unit)*62)] items-center justify-center rounded-md bg-[#0A4252]/60 text-design-16 text-[#6CCDCF]'
-                        }
-                      >
-                        {vm.loadingText}
-                      </div>
+                      <DataLoadingIndicator
+                        compact
+                        label={vm.loadingText}
+                        className="h-[calc(var(--design-unit)*62)] rounded-md bg-[#0A4252]/60"
+                      />
                     )}
                   </div>
                 )