refactor to ui components

src/components/ui/UITable.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+interface Props {
+  density?: 'compact'
+}
+const props = defineProps<Props>()
+
+const styleClass = computed(() => {
+  const densityClass = props.density ? 'table-compact' : ''
+  return [densityClass]
+})
+</script>
+
+<template>
+  <table class="table" :class="styleClass"><slot></slot></table>
+</template>