Update pnpm-lock.yaml to include new dependencies for @dnd-kit packages; enhance frontend documentation with MCP patterns and shadcn guidelines; refactor route handling for groups and services; implement new DataTableCard and KanbanBoard components for better domain and service management; add service binding functionality and improve DNS record management with new schemas and queries.

apps/web/src/components/data-table-card.tsx

@@ -10,12 +10,18 @@ interface DataTableCardProps {
   title: string
   description?: string
   children: React.ReactNode
+  emptyTitle?: string
+  emptyDescription?: string
+  isEmpty?: boolean
 }
 
 export function DataTableCard({
   title,
   description,
   children,
+  emptyTitle,
+  emptyDescription,
+  isEmpty,
 }: DataTableCardProps) {
   return (
     <Card>
@@ -23,7 +29,16 @@ export function DataTableCard({
         <CardTitle>{title}</CardTitle>
         {description && <CardDescription>{description}</CardDescription>}
       </CardHeader>
-      <CardContent className="p-0">{children}</CardContent>
+      <CardContent className="p-0">
+        {isEmpty && emptyTitle ? (
+          <div className="flex flex-col gap-1 p-6 text-sm text-muted-foreground">
+            <p className="font-medium text-foreground">{emptyTitle}</p>
+            {emptyDescription && <p>{emptyDescription}</p>}
+          </div>
+        ) : (
+          children
+        )}
+      </CardContent>
     </Card>
   )
 }