feat: Update routing to use Link component and adjust summary URL for environment compatibility

Author: TheUnknown550

src/main.tsx

@@ -8,9 +8,8 @@ const root = document.getElementById('root')!;
 
 ReactDOM.createRoot(root).render(
   <React.StrictMode>
-    <BrowserRouter>
+    <BrowserRouter basename={import.meta.env.BASE_URL}>
       <App />
     </BrowserRouter>
   </React.StrictMode>
 );
-

src/pages/Home.tsx

@@ -1,6 +1,7 @@
 import { useMemo, useState } from 'react';
 import topics from '@data/topics';
 import DataStructureCard from '@components/DataStructureCard';
+import { Link } from 'react-router-dom';
 import { getProgress } from '@utils/storage';
 
 export default function Home() {
@@ -19,8 +20,8 @@ export default function Home() {
               Interactive simulations, Mermaid diagrams, concise notes, and quizzes — all in one place.
             </p>
             <div className="mt-4 flex gap-2">
-              <a href="/visualizer" className="btn-primary">Open Visualizer</a>
-              <a href="/quiz" className="btn-secondary">Take a Quiz</a>
+              <Link to="/visualizer" className="btn-primary">Open Visualizer</Link>
+              <Link to="/quiz" className="btn-secondary">Take a Quiz</Link>
             </div>
           </div>
           <div className="w-full md:w-80">

src/pages/Learn.tsx

@@ -18,7 +18,7 @@ import GraphVisualizer from '@components/Visualizer/GraphVisualizer';
 import TrieVisualizer from '@components/Visualizer/TrieVisualizer';
 import ArrayComparison from '@components/ArrayComparison';
 
-const summaryUrl = '/content/summary.md';
+const summaryUrl = `${import.meta.env.BASE_URL}content/summary.md`;
 
 function useSummarySection(slug: string) {
   const [content, setContent] = useState<string | null>(null);

src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+