[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/core/constants/plans.tsx

@@ -45,20 +45,22 @@ type PlanePlans = {
   planComparison: TPlansComparisonDetails[];
 };
 
-const RiDiscordFill = ({ className }: { className?: string }) => (
-  <DiscordIcon className={cn(className, "size-5 text-custom-text-200")} />
-);
+function RiDiscordFill({ className }: { className?: string }) {
+  return <DiscordIcon className={cn(className, "size-5 text-custom-text-200")} />;
+}
 
-export const ComingSoonBadge = ({ className }: { className?: string }) => (
-  <span
-    className={cn(
-      "bg-[#3f76ff] text-white font-semibold text-[8px] py-0.5 px-1.5 w-fit whitespace-nowrap rounded",
-      className
-    )}
-  >
-    COMING SOON
-  </span>
-);
+export function ComingSoonBadge({ className }: { className?: string }) {
+  return (
+    <span
+      className={cn(
+        "bg-[#3f76ff] text-white font-semibold text-[8px] py-0.5 px-1.5 w-fit whitespace-nowrap rounded",
+        className
+      )}
+    >
+      COMING SOON
+    </span>
+  );
+}
 
 export const PLANS_LIST: TPlanePlans[] = ["free", "one", "pro", "business", "enterprise"];