feat: new Table and expansion

src/components/14_report/Expansion.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+defineProps<{
+  defaultOpened?: boolean;
+}>();
+</script>
+
+<template>
+  <q-expansion-item
+    dense
+    class="overflow-hidden bordered full-width"
+    switch-toggle-side
+    style="border-radius: var(--radius-2)"
+    expand-icon="mdi-chevron-down-circle"
+    header-class="surface-1 q-py-sm text-medium text-body1"
+    :default-opened="defaultOpened"
+  >
+    <template #header>
+      <span>
+        <slot name="header" />
+      </span>
+    </template>
+
+    <main class="surface-1 q-pa-md full-width">
+      <slot name="main" />
+    </main>
+  </q-expansion-item>
+</template>
+
+<style scoped></style>