Initial Shadcn Table implementation

Adds sorting, filtering and paging. Styling isn't perfect. The last column text can throw off the layout because it is too long.

Author: remotesynth

astro.config.mjs

@@ -5,6 +5,10 @@ import starlightUtils from '@lorenzo_lewis/starlight-utils';
 
 import markdoc from '@astrojs/markdoc';
 
+import react from '@astrojs/react';
+
+import tailwindcss from '@tailwindcss/vite';
+
 // Fetch the latest release version from GitHub
 const response = await fetch(
   'https://api.github.com/repos/localstack/localstack/releases/latest',
@@ -27,9 +31,11 @@ export default defineConfig({
       }),
     },
   },
+
   integrations: [
     starlight({
       title: 'LocalStack Docs',
+      customCss: ['./src/styles/global.css'],
       social: [
         {
           icon: 'github',
@@ -300,5 +306,10 @@ export default defineConfig({
       ],
     }),
     markdoc(),
+    react(),
   ],
+
+  vite: {
+    plugins: [tailwindcss()],
+  },
 });

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/global.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}