code quality

apps/website/ui/Panel.tsx

@@ -18,9 +18,9 @@ export interface PanelProps {
   bg?: string;
 }
 
-export function Panel({ 
-  children, 
-  variant = 'default', 
+export function Panel({
+  children,
+  variant = 'default',
   padding = 'md',
   onClick,
   style,
@@ -30,8 +30,9 @@ export function Panel({
   footer,
   border,
   rounded,
-  className
-}: PanelProps) {
+  className,
+  ...props
+}: PanelProps & { [key: string]: any }) {
   const variantClasses = {
     default: 'bg-[var(--ui-color-bg-surface)] border border-[var(--ui-color-border-default)] shadow-sm',
     muted: 'bg-[var(--ui-color-bg-surface-muted)] border border-[var(--ui-color-border-muted)]',
@@ -61,13 +62,14 @@ export function Panel({
     : '';
 
   return (
-    <div 
+    <div
       className={`${variantClasses[variant]} ${getPaddingClass(padding)} ${interactiveClasses} ${rounded ? `rounded-${rounded}` : 'rounded-md'} ${border ? 'border' : ''} ${className || ''}`}
       onClick={onClick}
       style={{
         ...style,
         ...(typeof padding === 'number' ? { padding: `${padding * 0.25}rem` } : {})
       }}
+      {...props}
     >
       {(title || actions) && (
         <div className="flex items-center justify-between mb-6 border-b border-[var(--ui-color-border-muted)] pb-4">