feat: 适配5.x后端，重构前端架构

主要变更：
1. 重构API目录结构，采用模块化设计，适配5.x后端接口规范
2. 优化布局组件，提升用户界面体验
3. 增强国际化支持，完善多语言配置
4. 新增权限控制功能，支持前端路由权限管理
5. 优化认证流程，支持JWT认证机制
6. 新增中间件和插件，提升系统扩展性
7. 优化状态管理，采用更清晰的模块化设计
8. 新增搜索框、广告等组件，丰富页面功能
9. 更改包管理工具从npm到pnpm，提升依赖管理效率
10. 完善配置系统，支持多环境配置

适配5.x后端特性：
- 采用新的API接口规范
- 支持JWT认证机制
- 适配后端权限控制体系
- 支持后端国际化接口
- 优化数据交互方式

app/pages/member/profile.vue

@@ -1,7 +1,54 @@
 <template>
-    <div class="user-views">
-        <el-card class="user-views-card" shadow="hover">
-          个人资料
-        </el-card>
-    </div>
+  <div class="user-views">
+    <el-card class="user-views-card" shadow="hover">
+      <template #header>
+        <div class="card-header">
+          <span>个人资料</span>
+        </div>
+      </template>
+      <div class="profile-content">
+        <ProfileComponent />
+      </div>
+    </el-card>
+
+    <el-card class="user-views-card" shadow="hover" style="margin-top: 20px;">
+      <template #header>
+        <div class="card-header">
+          <span>用户设置</span>
+        </div>
+      </template>
+      <div class="settings-content">
+        <SettingsComponent />
+      </div>
+    </el-card>
+  </div>
 </template>
+
+<script setup lang="ts">
+import ProfileComponent from './components/profile/index.vue'
+import SettingsComponent from './components/settings/index.vue'
+</script>
+
+<style scoped lang="scss">
+.user-views {
+  padding: 20px;
+}
+
+.user-views-card {
+  width: 100%;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.profile-content {
+  padding: 10px 0;
+}
+
+.settings-content {
+  padding: 10px 0;
+}
+</style>