Refactor components and update imports

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ChakraProvider } from "@chakra-ui/react";
 import theme from "@/styles/theme";
-import Main from "@/components/Main";
 
+import Main from "@/components/Main";
 
 export default function App() {
   return (

src/app/stats/page.tsx

@@ -1,11 +1,14 @@
 "use client";
-import WordsList from "@/components/WordsList"; // Ajustez le chemin d'importation selon votre structure
+import Header from "@/components/Header";
+import Stats from "@/components/stats/Stats";
 
+import theme from "@/styles/theme";
+import { ChakraProvider } from "@chakra-ui/react";
 export default function HomePage() {
   return (
-    <div>
-      <h1>Popular Words</h1>
-      <WordsList />
-    </div>
+    <ChakraProvider theme={theme} cssVarsRoot="body">
+      <Header />
+      <Stats />
+    </ChakraProvider>
   );
 }

src/components/stats/Stats.tsx

@@ -0,0 +1,10 @@
+import WordsList from "./WordsList";
+
+export default function Stats() {
+  return (
+    <>
+      <h1>Stats</h1>
+      <WordsList></WordsList>
+    </>
+  );
+}