feat: page component (#4087)

* feat: page component

* chore: basic page

* chore: add demos

* chore: add header-sticky support

* chore: update web-ele

* chore: rename slot name

---------

Co-authored-by: Vben <ann.vben@gmail.com>

packages/effects/common-ui/src/page/page-header.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import type { PageHeaderProps } from './page.ts';
+
+defineOptions({
+  name: 'PageHeader',
+});
+
+const props = defineProps<PageHeaderProps>();
+</script>
+
+<template>
+  <div class="bg-card px-6 py-4">
+    <div class="flex justify-between text-lg font-bold">
+      {{ props.title }}
+    </div>
+    <div class="pt-3">
+      <slot></slot>
+    </div>
+  </div>
+</template>