Bump the WordPress packages to use React 18 (#13443)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.eslintrc

@@ -718,7 +718,7 @@
         "packages/**/*.js"
       ],
       "excludedFiles": [
-        "packages/activation-notice/**/*.js",
+        "packages/activation-notice/**/*.tsx",
         "packages/i18n/**/*.js",
         "packages/stories-block/**/*.js",
         "packages/tinymce-button/**/*.js"
@@ -739,7 +739,7 @@
     },
     {
       "files": [
-        "packages/activation-notice/**/*.js",
+        "packages/activation-notice/**/*.tsx",
         "packages/stories-block/**/*.js",
         "packages/tinymce-button/**/*.js"
       ],
@@ -773,7 +773,7 @@
       "excludedFiles": [
         ".storybook/preview.js",
         "__mocks__/**/*.js",
-        "packages/activation-notice/**/*.js",
+        "packages/activation-notice/**/*.tsx",
         "packages/react/**/*.js",
         "packages/dashboard/src/karma/fixture.js",
         "packages/story-editor/src/karma/fixture/fixture.js",
@@ -798,6 +798,32 @@
         ]
       }
     },
+    {
+      "files": [
+        "packages/activation-notice/**/*.tsx"
+      ],
+      "rules":{
+        "no-restricted-imports": "off",
+        "import/no-named-as-default": "off",
+        "@typescript-eslint/no-restricted-imports": [
+          "error",
+          {
+            "paths": [
+              {
+                "name": "react",
+                "message": "Use @wordpress/element instead.",
+                "allowTypeImports": true
+              },
+              {
+                "name": "react-dom",
+                "message": "Use @wordpress/element instead.",
+                "allowTypeImports": true
+              }
+            ]
+          }
+        ]
+      }
+    },
     {
       "files": [
         "packages/tinymce-button/src/**/*.js"
@@ -818,6 +844,15 @@
         "eslint-comments/require-description": "off"
       }
     },
+    {
+      "files": [
+        "__mocks__/**/*",
+        ".storybook/stories/**/*"
+      ],
+      "rules": {
+        "import/no-extraneous-dependencies" : "off"
+      }
+    },
     {
       "files": [
         "packages/story-editor/src/**/*.js",

.github/workflows/codeql-analysis.yml

@@ -38,7 +38,7 @@ jobs:
       actions: read
       contents: read
       security-events: write
-    timeout-minutes: 10
+    timeout-minutes: 30
     steps:
       - name: Checkout
         uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744