[WEB-5459] feat(codemods): add function declaration transformer with tests (#8137)

- Add jscodeshift-based codemod to convert arrow function components to function declarations
- Support React.FC, observer-wrapped, and forwardRef components
- Include comprehensive test suite covering edge cases
- Add npm script to run transformer across codebase
- Target only .tsx files in source directories, excluding node_modules and declaration files

* [WEB-5459] chore: updates after running codemod

---------

Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>

packages/propel/src/separator/separator.tsx

@@ -10,8 +10,11 @@ interface SeparatorProps extends React.ComponentProps<typeof SeparatorPrimitive>
   orientation?: "horizontal" | "vertical";
 }
 
-const Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive>, SeparatorProps>(
-  ({ orientation = "horizontal", ...props }, ref) => (
+const Separator = React.forwardRef(function Separator(
+  { orientation = "horizontal", ...props }: SeparatorProps,
+  ref: React.ForwardedRef<React.ElementRef<typeof SeparatorPrimitive>>
+) {
+  return (
     <SeparatorPrimitive
       ref={ref}
       orientation={orientation}
@@ -20,8 +23,8 @@ const Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive>,
       {...props}
       className={cn("bg-custom-border-200", "shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px")}
     />
-  )
-);
+  );
+});
 
 Separator.displayName = "Separator";