refactor files

src/routes/__root.tsx

@@ -1,9 +1,9 @@
 import { createRootRoute, Outlet } from '@tanstack/react-router'
 import { useEffect } from 'react'
-import { Sidebar } from '@/components/Sidebar'
-import { AppHeader } from '@/components/AppHeader'
-import { MobileNav } from '@/components/MobileNav'
-import { AuthModal } from '@/components/auth/AuthModal'
+import { Sidebar } from '@/components/layout/Sidebar'
+import { AppHeader } from '@/components/layout/AppHeader'
+import { MobileNav } from '@/components/layout/MobileNav'
+import { AuthModal } from '@/features/auth/components/AuthModal'
 import { useAuthStore } from '@/store/auth-store'
 
 export const Route = createRootRoute({

src/routes/auth.login.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { LoginPage } from '@/pages/Login'
+import { LoginPage } from '@/features/auth/components/LoginPage'
 
 export const Route = createFileRoute('/auth/login')({
   component: LoginPage,

src/routes/auth.register.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { RegisterPage } from '@/pages/Register'
+import { RegisterPage } from '@/features/auth/components/RegisterPage'
 
 export const Route = createFileRoute('/auth/register')({
   component: RegisterPage,

src/routes/dashboard.tsx

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

src/routes/index.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { Home } from "@/pages/Home"
+import { Home } from "@/features/home/components/Home"
 
 export const Route = createFileRoute("/")({
   component: Home,

src/routes/settings.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { Settings } from '@/pages/Settings'
+import { Settings } from '@/features/settings/components/Settings'
 
 export const Route = createFileRoute('/settings')({
   component: Settings,

src/routes/toeic.index.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { ToeicPractice } from "@/pages/ToeicPractice"
+import { ToeicPractice } from "@/features/toeic/components/ToeicPractice"
 
 export const Route = createFileRoute("/toeic/")({
   component: ToeicPractice,

src/routes/toeic.result.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { TestResult } from "@/pages/TestResult"
+import { TestResult } from "@/features/toeic/components/TestResult"
 
 export const Route = createFileRoute("/toeic/result")({
   component: TestResult,

src/routes/toeic.session.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { TestSession } from "@/pages/TestSession"
+import { TestSession } from "@/features/toeic/components/TestSession"
 
 export const Route = createFileRoute("/toeic/session")({
   component: TestSession,

src/routes/vocab.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { Vocabulary } from "@/pages/Vocabulary"
+import { Vocabulary } from "@/features/vocab/components/Vocabulary"
 
 export const Route = createFileRoute("/vocab")({
   component: Vocabulary,

src/routes/writing.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { WritingChecker } from "@/pages/WritingChecker"
+import { WritingChecker } from "@/features/writing/components/WritingChecker"
 
 export const Route = createFileRoute("/writing")({
   component: WritingChecker,