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

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

src/pages/Characters.tsx

@@ -51,7 +51,7 @@ const Characters: React.FC = () => {
 			element: "fire",
 			class: "Fire Warrior",
 			imageUrl:
-				"https://readdy.ai/api/search-image?query=anime%20style%20game%20character%20portrait%20of%20a%20female%20warrior%20with%20pink%20hair%20and%20red%20eyes%2C%20fantasy%20RPG%20character%20icon%2C%20detailed%20face%2C%20high%20quality%2C%20digital%20art&width=100&height=100&seq=1&orientation=squarish",
+				"https://epic7db.com/images/heroes/abigail.webp",
 		},
 		{
 			id: 2,