feat: 移动端自适应布局

- 768px 断点: 侧边栏变为抽屉式滑出, 汉堡按钮切换
- 移动端顶栏: 显示当前组件名称
- 移动端 Tab: 配置表单/代码预览一键切换
- 遮罩层: 点击遮罩自动收起侧边栏
- 切换组件后自动收起侧边栏并回到表单 tab
- 平板端 (1024px) 表单区域适当缩窄

src/components/Sidebar.vue

@@ -41,7 +41,7 @@
               :key="itemId"
               class="nav-item"
               :class="{ active: modelValue === itemId }"
-              @click="$emit('update:modelValue', itemId)"
+              @click="$emit('update:modelValue', itemId); $emit('select')"
             >
               <el-icon><component :is="schemas[itemId].icon" /></el-icon>
               <div class="nav-item-info">
@@ -74,7 +74,7 @@ const props = defineProps({
   modelValue: String,
 })
 
-defineEmits(['update:modelValue'])
+const emit = defineEmits(['update:modelValue', 'select'])
 
 const searchQuery = ref('')