[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/ui/src/loader.tsx

@@ -7,11 +7,13 @@ type Props = {
   className?: string;
 };
 
-const Loader = ({ children, className = "" }: Props) => (
-  <div className={cn("animate-pulse", className)} role="status">
-    {children}
-  </div>
-);
+function Loader({ children, className = "" }: Props) {
+  return (
+    <div className={cn("animate-pulse", className)} role="status">
+      {children}
+    </div>
+  );
+}
 
 type ItemProps = {
   height?: string;
@@ -19,9 +21,11 @@ type ItemProps = {
   className?: string;
 };
 
-const Item: React.FC<ItemProps> = ({ height = "auto", width = "auto", className = "" }) => (
-  <div className={cn("rounded-md bg-custom-background-80", className)} style={{ height: height, width: width }} />
-);
+function Item({ height = "auto", width = "auto", className = "" }: ItemProps) {
+  return (
+    <div className={cn("rounded-md bg-custom-background-80", className)} style={{ height: height, width: width }} />
+  );
+}
 
 Loader.Item = Item;