feat: 更新App组件结构，添加算法说明区域

Author: CC11001100

src/App.tsx

@@ -2,6 +2,7 @@ import { useReducer, useState } from 'react'
 import './App.css'
 import CanvasComponent from './components/CanvasComponent'
 import ControlPanel from './components/ControlPanel'
+import CodePanel from './components/CodePanel'
 import { useAnimation } from './hooks/useAnimation'
 import { animationReducer, AnimationState } from './state/animationSlice'
 import GitHubCorner from './components/GitHubCorner'
@@ -103,6 +104,14 @@ function App() {
               </div>
             )}
           </div>
+          
+          {/* 添加代码面板 */}
+          <div className="code-section">
+            <h3>算法代码</h3>
+            <div style={{ height: '280px' }}>
+              <CodePanel state={state} />
+            </div>
+          </div>
         </div>
 
         <div className="center-panel">