feat: 重构页面、路由与业务组件，新增课程演示

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/router/index.tsx

@@ -1,19 +1,33 @@
 import { createHashRouter } from "react-router-dom";
 import App from "../App.tsx";
+import { RouteError, RouteFallback } from "../components/common";
 import { lazyRoute } from "../utils";
 
 export const router = createHashRouter([
 	{
 		path: "/",
 		element: <App />,
+		errorElement: <RouteError />,
 		children: [
 			{
 				index: true,
-				lazy: lazyRoute(() => import("../pages/Home/Home")),
+				lazy: lazyRoute(() => import("../pages/Home")),
+				HydrateFallback: RouteFallback,
 			},
 			{
 				path: "about",
-				lazy: lazyRoute(() => import("../pages/About/About")),
+				lazy: lazyRoute(() => import("../pages/About")),
+				HydrateFallback: RouteFallback,
+			},
+			{
+				path: "components",
+				lazy: lazyRoute(() => import("../pages/Components")),
+				HydrateFallback: RouteFallback,
+			},
+			{
+				path: "course-demo",
+				lazy: lazyRoute(() => import("../pages/CourseDemo")),
+				HydrateFallback: RouteFallback,
 			},
 		],
 	},