refactor(CharacterDetail): 重构角色详情页面布局和功能

- 更新页面布局，将头像和导航栏移到左侧，主要内容移到右侧- 添加页面滚动重置功能，确保每次打开详情页时从顶部开始
- 优化各个部分内容的样式和间距，提升可读性和美观度
- 更新角色列表页面中的角色图片链接
- 在导航栏中添加角色列表页面的链接

src/components/Navbar.tsx

@@ -13,7 +13,7 @@ interface NavItem {
 const navItems: NavItem[] = [
 	{ path: "/", label: "对战阵容" },
 	// { path: "/home", label: "主页" },
-	// { path: "/characters", label: "角色列表" },
+	{ path: "/characters", label: "角色列表" },
 	// { path: "/builds", label: "配装攻略" },
 	// { path: "/battles", label: "对战信息" },
 	// { path: "/news", label: "资讯中心" },