feat(pages): add pretest screen

src/App.tsx

@@ -5,12 +5,15 @@ import {
 } from "react-router-dom";
 import { Login } from "./pages/auth/Login";
 import { Home } from "./pages/student/Home";
-import { Drills } from "./pages/student/Drills";
+import { Practice } from "./pages/student/Practice";
 import { Rewards } from "./pages/student/Rewards";
 import { Profile } from "./pages/student/Profile";
 import { Lessons } from "./pages/student/Lessons";
 import { ProtectedRoute } from "./components/ProtectedRoute";
 import { StudentLayout } from "./pages/student/StudentLayout";
+import { Test } from "./pages/student/practice/Test";
+import { Results } from "./pages/student/practice/Results";
+import { Pretest } from "./pages/student/practice/Pretest";
 
 function App() {
   const router = createBrowserRouter([
@@ -30,8 +33,8 @@ function App() {
               element: <Home />,
             },
             {
-              path: "drills",
-              element: <Drills />,
+              path: "practice",
+              element: <Practice />,
             },
             {
               path: "lessons",
@@ -45,6 +48,20 @@ function App() {
               path: "profile",
               element: <Profile />,
             },
+            {
+              path: "practice/:sheetId",
+              element: <Pretest />,
+              children: [
+                {
+                  path: "test",
+                  element: <Test />,
+                },
+                {
+                  path: "results",
+                  element: <Results />,
+                },
+              ],
+            },
             // more student subroutes here
           ],
         },