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

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

src/components/business/Navigation/Navigation.tsx

@@ -1,20 +1,13 @@
 import { Link, useLocation } from "react-router-dom";
-import { cn } from "@/utils";
+import { cn } from "@/lib/cn";
 import styles from "./Navigation.module.css";
-
-interface NavItem {
-	label: string;
-	path: string;
-}
-
-interface NavigationProps {
-	items?: NavItem[];
-	className?: string;
-}
+import type { NavItem, NavigationProps } from "./Navigation.types";
 
 const defaultItems: NavItem[] = [
 	{ label: "首页", path: "/" },
 	{ label: "关于", path: "/about" },
+	{ label: "组件示例", path: "/components" },
+	{ label: "课程示例", path: "/course-demo" },
 ];
 
 export function Navigation({

src/components/business/Navigation/Navigation.types.ts

@@ -0,0 +1,9 @@
+export interface NavItem {
+	label: string;
+	path: string;
+}
+
+export interface NavigationProps {
+	items?: NavItem[];
+	className?: string;
+}

src/components/business/Navigation/index.ts

@@ -1 +1,2 @@
 export { Navigation } from "./Navigation.tsx";
+export type { NavItem, NavigationProps } from "./Navigation.types";

src/components/business/index.ts

@@ -1 +1,2 @@
+export type { NavItem, NavigationProps } from "./Navigation";
 export { Navigation } from "./Navigation";