chore: update GitHub Actions workflow for quality checks and add typecheck script.

Author: jonathanp-okta

.github/workflows/tests.yaml

@@ -7,6 +7,28 @@ on:
         branches: [master]
 
 jobs:
+    quality:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                node-version: '22'
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Run ESLint
+              run: npm run lint
+
+            - name: Check types
+              run: npm run typecheck
+
+            - name: Build
+              run: npm run build
+
     test:
         runs-on: ubuntu-latest
         steps:

package.json

@@ -9,6 +9,7 @@
     "build": "next build --webpack",
     "start": "next start",
     "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
     "test": "vitest",
     "coverage": "vitest run --coverage",
     "playwright:test-ui": "NODE_OPTIONS=\"--no-experimental-strip-types\" npx playwright test --ui"

src/features/common/components/layout/page-layout/page-layout.component.tsx

@@ -24,7 +24,9 @@ export const PageLayoutComponent: React.FC<LayoutComponentProps> = ({
   const layoutDictionary = getLayoutDictionary(languageCode);
 
   return (
-    <html lang={languageCode} data-theme={themeCode}>
+    // The inline script below rewrites data-theme before hydration, so this
+    // element's attributes are expected to differ from the server render.
+    <html lang={languageCode} data-theme={themeCode} suppressHydrationWarning>
       <head>
         <meta
           httpEquiv="origin-trial"