feat(practice-sheet): add practice sheet page

src/components/AppSidebar.tsx

@@ -19,6 +19,7 @@ import {
   Trophy,
   Map,
   SquareLibrary,
+  ListIcon,
 } from "lucide-react";
 
 import { useState } from "react";
@@ -362,6 +363,7 @@ export function AppSidebar() {
                         />
                         <span>Targeted Practice</span>
                       </NavLink>
+
                       <NavLink
                         to="/student/practice/drills"
                         className={({ isActive }) =>
@@ -396,6 +398,23 @@ export function AppSidebar() {
                         />
                         <span>Hard Test Modules</span>
                       </NavLink>
+                      <NavLink
+                        to="/student/practice/practice-sheet"
+                        className={({ isActive }) =>
+                          `flex items-center gap-2.5 rounded-2xl px-2 py-2 text-sm font-satoshi transition-colors duration-200 ${
+                            isActive
+                              ? "bg-white text-slate-900"
+                              : "text-slate-500 hover:bg-white hover:text-slate-900"
+                          }`
+                        }
+                      >
+                        <ListIcon
+                          size={18}
+                          strokeWidth={3}
+                          className="text-slate-400"
+                        />
+                        <span>Practice Sheet</span>
+                      </NavLink>
                     </SidebarMenuSub>
                   )}
                 </SidebarMenuItem>