update

src/routes/archivement.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { Dashboard } from '@/features/dashboard/components/Dashboard'
 
-export const Route = createFileRoute('/dashboard')({
+export const Route = createFileRoute('/archivement')({
   component: Dashboard,
 })

src/routes/flash-card.$listId.index.tsx

@@ -0,0 +1,11 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { FlashCardTermsPage } from "@/features/flash-card/components/FlashCardTermsPage"
+
+export const Route = createFileRoute("/flash-card/$listId/")({
+  component: TermsPage,
+})
+
+function TermsPage() {
+  const { listId } = Route.useParams()
+  return <FlashCardTermsPage listId={Number(listId)} />
+}

src/routes/flash-card.$listId.tsx

@@ -1,11 +1,5 @@
-import { createFileRoute } from "@tanstack/react-router"
-import { FlashCardTermsPage } from "@/features/flash-card/components/FlashCardTermsPage"
+import { createFileRoute, Outlet } from "@tanstack/react-router"
 
 export const Route = createFileRoute("/flash-card/$listId")({
-  component: TermsPage,
+  component: () => <Outlet />,
 })
-
-function TermsPage() {
-  const { listId } = Route.useParams()
-  return <FlashCardTermsPage listId={Number(listId)} />
-}