[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>

apps/web/ce/components/workflow/state-option.tsx

@@ -16,7 +16,7 @@ export type TStateOptionProps = {
   alwaysAllowStateChange?: boolean;
 };
 
-export const StateOption = observer((props: TStateOptionProps) => {
+export const StateOption = observer(function StateOption(props: TStateOptionProps) {
   const { option, className = "" } = props;
 
   return (

apps/web/ce/components/workflow/workflow-disabled-message.tsx

@@ -4,4 +4,6 @@ type Props = {
   className?: string;
 };
 
-export const WorkFlowDisabledMessage = (props: Props) => <></>;
+export function WorkFlowDisabledMessage(props: Props) {
+  return <></>;
+}

apps/web/ce/components/workflow/workflow-disabled-overlay.tsx

@@ -7,4 +7,6 @@ export type TWorkflowDisabledOverlayProps = {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const WorkFlowDisabledOverlay = observer((props: TWorkflowDisabledOverlayProps) => <></>);
+export const WorkFlowDisabledOverlay = observer(function WorkFlowDisabledOverlay(props: TWorkflowDisabledOverlayProps) {
+  return <></>;
+});

apps/web/ce/components/workflow/workflow-group-tree.tsx

@@ -6,4 +6,6 @@ type Props = {
   groupId: string | undefined;
 };
 
-export const WorkFlowGroupTree = (props: Props) => <></>;
+export function WorkFlowGroupTree(props: Props) {
+  return <></>;
+}