fix: fix tasks

apps/webui/src/components/ui/detail-empty-view.tsx

@@ -1,18 +1,30 @@
-import { memo } from "react";
+import { cn } from "@/presentation/utils";
+import { DetailedHTMLProps, HTMLAttributes, memo } from "react";
 import { Card, CardContent } from "./card";
 
-export interface DetailEmptyViewProps {
+export interface DetailEmptyViewProps
+  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
   message: string;
+  fullWidth?: boolean;
 }
 
-export const DetailEmptyView = memo(({ message }: DetailEmptyViewProps) => {
-  return (
-    <div className="container mx-auto py-6 max-w-4xl">
-      <Card>
-        <CardContent className="flex items-center justify-center h-32">
-          <p className="text-muted-foreground">{message ?? "No data"}</p>
-        </CardContent>
-      </Card>
-    </div>
-  );
-});
+export const DetailEmptyView = memo(
+  ({ message, fullWidth, ...props }: DetailEmptyViewProps) => {
+    return (
+      <div
+        {...props}
+        className={cn(
+          "container mx-auto py-6",
+          fullWidth ? "w-full" : "max-w-4xl",
+          props.className
+        )}
+      >
+        <Card>
+          <CardContent className="flex items-center justify-center h-32">
+            <p className="text-muted-foreground">{message ?? "No data"}</p>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+);