Standardize DivDebugBaselineGrid props

src/components/DivDebugBaselineGrid.tsx

@@ -2,22 +2,23 @@
 
 import { useAppState } from '@/state/AppState';
 import { clsx } from 'clsx/lite';
-import { ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
 export default function DivDebugBaselineGrid({
   children,
   className,
-}: {
+  ...props
-  children: ReactNode
+}: HTMLAttributes<HTMLDivElement>) {
-  className?: string
-}) {
   const { shouldShowBaselineGrid } = useAppState();
 
   return (
-    <div className={clsx(
+    <div
-      className,
+      {...props}
-      shouldShowBaselineGrid && 'bg-baseline-grid',
+      className={clsx(
-    )}>
+        shouldShowBaselineGrid && 'bg-baseline-grid',
+        className,
+      )}
+    >
       {children}
     </div>
   );