feat: add Table component (#237)

docs/content/7.layout/1.card.md

@@ -0,0 +1,36 @@
+---
+github: true
+description: Display a card for content with a header, body and footer.
+---
+
+## Usage
+
+::component-example
+#default
+:card-example{class="w-full"}
+
+#code
+```vue
+<template>
+  <UCard>
+    <template #header />
+
+    Body
+
+    <template #footer />
+  </UCard>
+</template>
+```
+::
+
+## Props
+
+:component-props
+
+## Slots
+
+:component-slots
+
+## Preset
+
+:component-preset

docs/content/7.layout/2.container.md

@@ -0,0 +1,26 @@
+---
+github: true
+description: A container lets you center and constrain the width of your content.
+---
+
+## Usage
+
+::component-example
+#default
+:container-example{class="w-full"}
+
+#code
+```vue
+<template>
+  <UContainer>Content</UContainer>
+</template>
+```
+::
+
+## Props
+
+:component-props
+
+## Preset
+
+:component-preset

docs/content/7.layout/3.skeleton.md

@@ -0,0 +1,34 @@
+---
+github: true
+description: Display a placeholder while content is loading.
+---
+
+## Usage
+
+Use to show a placeholder while content is loading.
+
+::component-example
+#default
+:skeleton-example
+
+#code
+```vue
+<template>
+  <div class="flex items-center space-x-4">
+    <USkeleton class="h-12 w-12 rounded-full" />
+    <div class="space-y-2">
+      <USkeleton class="h-4 w-[250px]" />
+      <USkeleton class="h-4 w-[200px]" />
+    </div>
+  </div>
+</template>
+```
+::
+
+## Props
+
+:component-props
+
+## Preset
+
+:component-preset