[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/modals/alert-modal.tsx

@@ -45,7 +45,7 @@ const VARIANT_CLASSES: Record<TModalVariant, string> = {
   primary: "bg-custom-primary-100/20 text-custom-primary-100",
 };
 
-export const AlertModalCore: React.FC<Props> = (props) => {
+export function AlertModalCore(props: Props) {
   const {
     content,
     handleClose,
@@ -94,4 +94,4 @@ export const AlertModalCore: React.FC<Props> = (props) => {
       </div>
     </ModalCore>
   );
-};
+}

packages/ui/src/modals/modal-core.tsx

@@ -13,7 +13,7 @@ type Props = {
   width?: EModalWidth;
   className?: string;
 };
-export const ModalCore: React.FC<Props> = (props) => {
+export function ModalCore(props: Props) {
   const {
     children,
     handleClose,
@@ -64,4 +64,4 @@ export const ModalCore: React.FC<Props> = (props) => {
       </Dialog>
     </Transition.Root>
   );
-};
+}