[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/collapsible/collapsible-button.tsx

@@ -15,7 +15,7 @@ type Props = {
   ChevronIcon?: React.FC<ISvgIcons>;
 };
 
-export const CollapsibleButton: FC<Props> = (props) => {
+export function CollapsibleButton(props: Props) {
   const {
     isOpen,
     title,
@@ -49,4 +49,4 @@ export const CollapsibleButton: FC<Props> = (props) => {
       {actionItemElement && isOpen && actionItemElement}
     </div>
   );
-};
+}

packages/ui/src/collapsible/collapsible.tsx

@@ -13,7 +13,7 @@ export type TCollapsibleProps = {
   defaultOpen?: boolean;
 };
 
-export const Collapsible: FC<TCollapsibleProps> = (props) => {
+export function Collapsible(props: TCollapsibleProps) {
   const { title, children, buttonRef, className, buttonClassName, isOpen, onToggle, defaultOpen } = props;
   // state
   const [localIsOpen, setLocalIsOpen] = useState<boolean>(isOpen || defaultOpen ? true : false);
@@ -51,4 +51,4 @@ export const Collapsible: FC<TCollapsibleProps> = (props) => {
       </Transition>
     </Disclosure>
   );
-};
+}