feat(frontend): 添加页面布局组件

布局组件：
- layouts/DefaultLayout.vue，默认布局组合

Layout 组件：
- components/Layout/AppHeader.vue，顶部导航栏（品牌、环境标签、搜索、用户信息）
- components/Layout/AppSidebar.vue，侧边菜单栏（导航菜单项）
- components/Layout/AppMain.vue，主内容区容器

布局结构：顶栏 + 侧边栏 + 内容区（CSS Grid）

frontend/src/layouts/DefaultLayout.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="shell">
+    <AppHeader />
+    <AppSidebar />
+    <AppMain />
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppHeader from '@/components/Layout/AppHeader.vue'
+import AppSidebar from '@/components/Layout/AppSidebar.vue'
+import AppMain from '@/components/Layout/AppMain.vue'
+</script>
+
+<style scoped>
+.shell {
+  display: grid;
+  grid-template-columns: 226px 1fr;
+  grid-template-rows: 56px 1fr;
+  height: 100vh;
+}
+</style>