feat: implement metadata catalog database management

frontend/src/index.css

@@ -296,3 +296,52 @@
   0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 oklch(var(--primary) / 0.4); }
   50% { transform: scale(1.15); box-shadow: 0 0 0 5px oklch(var(--primary) / 0); }
 }
+
+@layer components {
+  .thot-database-grid {
+    --ag-font-family: var(--font-sans);
+    --ag-font-size: 0.8125rem;
+    --ag-background-color: oklch(var(--card));
+    --ag-foreground-color: oklch(var(--foreground));
+    --ag-header-background-color: oklch(var(--muted) / 0.72);
+    --ag-header-foreground-color: oklch(var(--foreground));
+    --ag-border-color: oklch(var(--border));
+    --ag-row-border-color: oklch(var(--border) / 0.72);
+    --ag-odd-row-background-color: oklch(var(--muted) / 0.18);
+    --ag-row-hover-color: oklch(var(--muted) / 0.55);
+    --ag-selected-row-background-color: oklch(var(--primary) / 0.07);
+    --ag-input-focus-border-color: oklch(var(--primary) / 0.6);
+    --ag-range-selection-border-color: oklch(var(--primary) / 0.6);
+    --ag-header-column-separator-color: oklch(var(--border));
+    --ag-header-column-separator-display: block;
+    --ag-wrapper-border-radius: 0;
+    --ag-cell-horizontal-padding: 12px;
+  }
+  .thot-database-grid .ag-root-wrapper {
+    border: 0;
+  }
+  .thot-database-grid .ag-cell {
+    display: flex;
+    align-items: center;
+  }
+  .thot-database-grid .ag-header-cell-label {
+    font-weight: 700;
+  }
+  .thot-database-grid .ag-cell-focus:not(.ag-cell-range-selected) {
+    outline: 2px solid oklch(var(--ring) / 0.45);
+    outline-offset: -2px;
+  }
+  .thot-database-grid .ag-cell.thot-database-actions-cell {
+    padding-inline: 2px;
+  }
+  .thot-database-grid .ag-cell.thot-database-actions-cell.ag-cell-focus:not(.ag-cell-range-selected) {
+    outline: none;
+  }
+  .thot-database-grid .ag-cell.thot-database-status-cell {
+    padding-inline: 4px;
+  }
+  .thot-database-grid .ag-pinned-right-header,
+  .thot-database-grid .ag-pinned-right-cols-container {
+    box-shadow: -1px 0 0 oklch(var(--border));
+  }
+}