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

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

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

app/components/advertisement/modes/simple.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="ad-simple-layout" @click="handleClick">
+    <img :src="ad.image" :alt="ad.title" class="ad-simple-image" />
+    <!-- <span class="ad-badge">广告</span> -->
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { AdvertisementItem } from '~/api/site/types'
+
+interface Props {
+  ad: AdvertisementItem
+}
+
+const props = defineProps<Props>()
+
+const emit = defineEmits<{
+  click: [ad: AdvertisementItem]
+}>()
+
+const handleClick = () => {
+  emit('click', props.ad)
+}
+</script>
+
+<style scoped lang="scss">
+.ad-simple-layout {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  margin: 4px 0;
+  overflow: hidden;
+  background: transparent;
+  border-radius: 1px;
+  cursor: pointer;
+  transition: box-shadow 0.2s ease;
+
+  &:hover {
+    background-color: rgb(218, 225, 225);
+  }
+
+  .ad-simple-image {
+    width: 100%;
+    height: 50px;
+    object-fit: contain;
+    display: block;
+  }
+
+  .ad-badge {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    padding: 2px 6px;
+    background: rgba(0, 0, 0, 0.5);
+    color: #fff;
+    font-size: 10px;
+    font-weight: 500;
+    border-radius: 2px;
+    line-height: 1;
+    z-index: 1;
+  }
+}
+</style>