refactor: 更新组件导入路径

Author: CC11001100

src/App.tsx

@@ -1,4 +1,5 @@
-import { AlgorithmProvider, useAlgorithm } from './context/AlgorithmContext';
+import { AlgorithmProvider } from './context/AlgorithmContext';
+import { useAlgorithm } from './context/useAlgorithm';
 import { Header } from './components/Header';
 import { DataInput } from './components/DataInput';
 import { CodePanel } from './components/CodePanel';

src/components/CodePanel/CodePanel.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useMemo } from 'react';
 import Prism from 'prismjs';
 import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-python';
@@ -59,9 +59,12 @@ export function CodePanel({ currentStep, selectedLanguage, onLanguageChange }: C
 
   const snippet = codeSnippets.find(s => s.language === selectedLanguage);
   const codeLines = snippet?.code.split('\n') || [];
-  const highlightedLines = currentStep 
-    ? getHighlightedLines(selectedLanguage, currentStep.type)
-    : [];
+  
+  const highlightedLines = useMemo(() => {
+    return currentStep 
+      ? getHighlightedLines(selectedLanguage, currentStep.type)
+      : [];
+  }, [currentStep, selectedLanguage]);
 
   useEffect(() => {
     if (codeRef.current) {