增强算法可视化动画效果

1. 修复语法高亮显示问题
   - 重写 highlightSyntax 函数，使用 React 元素而非 dangerouslySetInnerHTML
   - 支持 Java、Python、Go、JavaScript 四种语言的语法高亮
   - 关键字显示蓝色，数字显示橙色，字符串显示绿色

2. 细化动画步骤拆分
   - 步骤数从17步增加到29步
   - 初始化阶段分为：初始化慢指针、初始化快指针
   - 比较阶段分为：检查元素、判断结果（零/非零）
   - 交换阶段分为：准备交换、执行交换、交换完成
   - 每个步骤都有详细描述和操作说明

3. 增强画布标注和箭头说明
   - 添加区域标注（待处理区域、已处理区域）
   - 添加比较气泡标注
   - 添加指针移动方向箭头
   - 交换箭头支持三种状态：准备（橙色）、执行（红色动画）、完成（绿色）

4. 改进元素高亮效果
   - 交换中的元素显示红色虚线边框
   - 比较中的元素显示橙色边框
   - 已处理的元素显示绿色边框和勾号标记

Author: CC11001100

.github/workflows/deploy.yml

@@ -4,49 +4,55 @@ on:
   push:
     branches:
       - main
-  workflow_dispatch: # 允许手动触发
+      - master
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
 
 jobs:
-  build-and-deploy:
+  build:
     runs-on: ubuntu-latest
-    permissions:
-      contents: write # 明确指定需要写入权限
-    concurrency:
-      group: ${{ github.workflow }}-${{ github.ref }} # 确保不会同时运行多个相同的工作流程
+    
     steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
+      - name: Checkout
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: '20' # 使用更新的Node.js版本
+          node-version: '18'
           cache: 'npm'
-      
-      - name: Debug Environment
-        run: |
-          node --version
-          npm --version
-          ls -la
 
       - name: Install dependencies
-        run: |
-          npm config set legacy-peer-deps true
-          npm install --no-fund --no-audit --prefer-offline
-        env:
-          CI: true
+        run: npm ci --legacy-peer-deps
+
+      - name: Run linter
+        run: npm run lint --if-present
 
       - name: Build
         run: npm run build
         env:
-          CI: false # 避免将警告视为错误
+          CI: false
 
-      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@v4
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
         with:
-          folder: build # React 默认的构建输出目录
-          branch: gh-pages # 部署到的分支
-          clean: true # 清理旧文件
-          token: ${{ secrets.GITHUB_TOKEN }} # 使用GitHub自动生成的token 
+          path: ./build
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4