ENG-643 add PascalCase to eslint for React Functional Components (#333)

* Refine TypeScript naming convention rules for more flexible formatting

Co-authored-by: mclicks <[email protected]>

* Update comments

---------

Co-authored-by: Cursor Agent <[email protected]>

Author: mdroidian

packages/eslint-config/base.js

@@ -28,7 +28,25 @@ export const config = [
     },
     rules: {
       "max-params": ["error", 3],
-      "@typescript-eslint/naming-convention": "error",
+      "@typescript-eslint/naming-convention": [
+        "error",
+        // Keep default
+        { selector: "default", format: ["camelCase"] },
+        // Keep default for const
+        {
+          selector: "variable",
+          modifiers: ["const"],
+          format: ["camelCase", "UPPER_CASE"],
+        },
+        // Keep default for types
+        { selector: "typeLike", format: ["PascalCase"] },
+        // Allow PascalCase for function variables (e.g., React components)
+        {
+          selector: "variable",
+          types: ["function"],
+          format: ["camelCase", "PascalCase"],
+        },
+      ],
       "preferArrows/prefer-arrow-functions": [
         "warn",
         {