Changes

src/App.tsx

@@ -6,6 +6,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { SettingsProvider, useSettings } from "@/contexts/SettingsContext";
 import { MusicProvider } from "@/contexts/MusicContext";
+import { AchievementsProvider } from "@/contexts/AchievementsContext";
 
 // Import Miner and Job classes
 import Miner from '../miner/src/js/miner';
@@ -30,6 +31,7 @@ const Snake = lazy(() => import("./pages/Snake"));
 const Breakout = lazy(() => import("./pages/Breakout"));
 const Music = lazy(() => import("./pages/Music"));
 const AIChat = lazy(() => import("./pages/AIChat"));
+const Achievements = lazy(() => import("./pages/Achievements"));
 const NotFound = lazy(() => import("./pages/NotFound"));
 
 const queryClient = new QueryClient();
@@ -105,30 +107,29 @@ const AppContent = () => {
   }, [cryptoConsent, setHashrate, setTotalHashes, setAcceptedHashes]); // Depend on cryptoConsent and setters
 
   return (
-    <BrowserRouter>
-      <Suspense fallback={<PageLoader />}>
-        <Routes>
-          <Route path="/" element={<Index />}>
-            <Route index element={<Home />} />
-            <Route path="about" element={<About />} />
-            <Route path="projects" element={<Projects />} />
-            <Route path="projects/:slug" element={<ProjectDetail />} />
-            <Route path="resources" element={<Resources />} />
-            <Route path="links" element={<Links />} />
-            <Route path="games" element={<Games />} />
-            <Route path="games/leaderboard" element={<Leaderboard />} />
-            <Route path="games/tetris" element={<Tetris />} />
-            <Route path="games/pacman" element={<Pacman />} />
-            <Route path="games/snake" element={<Snake />} />
-            <Route path="games/breakout" element={<Breakout />} />
-            <Route path="faq" element={<FAQ />} />
-            <Route path="music" element={<Music />} />
-            <Route path="ai" element={<AIChat />} />
-          </Route>
-          <Route path="*" element={<NotFound />} />
-        </Routes>
-      </Suspense>
-    </BrowserRouter>
+    <Suspense fallback={<PageLoader />}>
+      <Routes>
+        <Route path="/" element={<Index />}>
+          <Route index element={<Home />} />
+          <Route path="about" element={<About />} />
+          <Route path="projects" element={<Projects />} />
+          <Route path="projects/:slug" element={<ProjectDetail />} />
+          <Route path="resources" element={<Resources />} />
+          <Route path="links" element={<Links />} />
+          <Route path="games" element={<Games />} />
+          <Route path="games/leaderboard" element={<Leaderboard />} />
+          <Route path="games/tetris" element={<Tetris />} />
+          <Route path="games/pacman" element={<Pacman />} />
+          <Route path="games/snake" element={<Snake />} />
+          <Route path="games/breakout" element={<Breakout />} />
+          <Route path="faq" element={<FAQ />} />
+          <Route path="music" element={<Music />} />
+          <Route path="ai" element={<AIChat />} />
+          <Route path="achievements" element={<Achievements />} />
+        </Route>
+        <Route path="*" element={<NotFound />} />
+      </Routes>
+    </Suspense>
   );
 };
 
@@ -139,7 +140,11 @@ const App = () => (
         <TooltipProvider>
           <Toaster />
           <Sonner />
-          <AppContent />
+          <BrowserRouter>
+            <AchievementsProvider>
+              <AppContent />
+            </AchievementsProvider>
+          </BrowserRouter>
         </TooltipProvider>
       </MusicProvider>
     </SettingsProvider>