chore: restore dangling changes from rebase

packages/ui/icons/signature.tsx

@@ -1,29 +1,34 @@
-import type { LucideIcon, LucideProps } from 'lucide-react/dist/lucide-react';
+import { forwardRef } from 'react';
 
-// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-export const SignatureIcon = (({
-  size = 24,
-  color = 'currentColor',
-  strokeWidth = 1.33,
-  absoluteStrokeWidth,
-  ...props
-}: LucideProps) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M1.5 11H14.5M1.5 14C1.5 14 8.72 2 4.86938 2H4.875C2.01 2 1.97437 14.0694 8 6.51188V6.5C8 6.5 9 11.3631 11.5 7.52375V7.5C11.5 7.5 11.5 9 14.5 9"
-        stroke={color}
-        strokeWidth={absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}) as LucideIcon;
+import type { LucideIcon } from 'lucide-react/dist/lucide-react';
+
+export const SignatureIcon: LucideIcon = forwardRef(
+  (
+    { size = 24, color = 'currentColor', strokeWidth = 1.33, absoluteStrokeWidth, ...props },
+    ref,
+  ) => {
+    return (
+      <svg
+        ref={ref}
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+      >
+        <path
+          d="M1.5 11H14.5M1.5 14C1.5 14 8.72 2 4.86938 2H4.875C2.01 2 1.97437 14.0694 8 6.51188V6.5C8 6.5 9 11.3631 11.5 7.52375V7.5C11.5 7.5 11.5 9 14.5 9"
+          stroke={color}
+          strokeWidth={
+            absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth
+          }
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+SignatureIcon.displayName = 'SignatureIcon';