feat: 更新 ESLint 和 Prettier 配置，增强代码质量管理

- 在 .gitignore 中添加 public/audio/* 以忽略音频文件。
- 更新 bun.lock，添加 eslint-config-prettier 和 eslint-plugin-prettier 依赖，确保 ESLint 与 Prettier 的兼容性。
- 修改 eslint.config.ts，整合 Prettier 规则，优化代码风格一致性。
- 在 package.json 中添加 lint:fix 和 format 脚本，简化代码格式化和修复流程。
- 更新 tailwind.config.ts 和其他组件文件，统一代码风格，提升可读性。

src/components/title/index.tsx

@@ -1,4 +1,4 @@
-import { cn, getBackgroundImage } from "@/lib/utils";
+import { cn, getBackgroundImage } from '@/lib/utils'
 
 /**
  * 两个标题（主标题、副标题）
@@ -6,23 +6,18 @@ import { cn, getBackgroundImage } from "@/lib/utils";
  * subtitle: 副标题
  */
 interface TitleProps {
-  title: string;
-  subtitle: string;
-  className?: string;
-  subtitleClassName?: string;
+  title: string
+  subtitle: string
+  className?: string
+  subtitleClassName?: string
 }
 
-const Title = ({
-  title,
-  subtitle,
-  className,
-  subtitleClassName,
-}: TitleProps) => {
+const Title = ({ title, subtitle, className, subtitleClassName }: TitleProps) => {
   return (
     <div
       className={cn(
-        "w-[1168px] h-[149px] bg-cover bg-center bg-no-repeat relative",
-        "flex justify-center items-center",
+        'w-[1168px] h-[149px] bg-cover bg-center bg-no-repeat relative',
+        'flex justify-center items-center',
         className
       )}
       style={{
@@ -31,20 +26,16 @@ const Title = ({
     >
       <div
         className={cn(
-          "absolute -top-5 left-1/2 -translate-x-1/2 text-white text-5xl font-bold whitespace-nowrap",
-          "[text-shadow:_-4px_-4px_0_#ae6400,_4px_-4px_0_#ae6400,_-4px_4px_0_#ae6400,_4px_4px_0_#ae6400,_-5px_0_0_#ae6400,_5px_0_0_#ae6400,_0_-5px_0_#ae6400,_0_5px_0_#ae6400,_0_0_20px_rgba(255,215,0,1),_0_0_40px_rgba(255,215,0,0.8),_0_0_60px_rgba(255,215,0,0.5)]"
+          'absolute -top-5 left-1/2 -translate-x-1/2 text-white text-5xl font-bold whitespace-nowrap',
+          '[text-shadow:_-4px_-4px_0_#ae6400,_4px_-4px_0_#ae6400,_-4px_4px_0_#ae6400,_4px_4px_0_#ae6400,_-5px_0_0_#ae6400,_5px_0_0_#ae6400,_0_-5px_0_#ae6400,_0_5px_0_#ae6400,_0_0_20px_rgba(255,215,0,1),_0_0_40px_rgba(255,215,0,0.8),_0_0_60px_rgba(255,215,0,0.5)]'
         )}
       >
         {title}
       </div>
       {/* 副标题 */}
-      <div
-        className={cn("text-[#5C3A1E] text-5xl font-bold", subtitleClassName)}
-      >
-        {subtitle}
-      </div>
+      <div className={cn('text-[#5C3A1E] text-5xl font-bold', subtitleClassName)}>{subtitle}</div>
     </div>
-  );
-};
+  )
+}
 
-export { Title };
+export { Title }