Add @material/web to npm.

Material UI is a de facto UI library for Google products. The open sources version is here: https://m3.material.io/.

Introducing this into our repo as we can leverage our UI components.

Bug: b/361365957
Change-Id: I9768e036a7bf30d8e1b72bc84e21ea6b0a83bb9f
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/895038
Commit-Queue: Hao Wu <haowoo@google.com>
Reviewed-by: Jeff Yoon <jeffyoon@google.com>
diff --git a/package.json b/package.json
index 0e5e9db..ca32da7 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@google-web-components/google-apis": "^3.0.1",
     "@google-web-components/google-chart": "^4.0.2",
     "@material/material-color-utilities": "^0.2.7",
+    "@material/web": "^2.1.0",
     "@puppeteer/browsers": "^1.7.1",
     "@types/chai": "^4.2.16",
     "@types/chai-dom": "0.0.10",
@@ -66,6 +67,7 @@
     "karma-mocha": "^2.0.1",
     "karma-sinon": "^1.0.5",
     "karma-spec-reporter": "0.0.32",
+    "lit": "^3.2.0",
     "lit-html": "^1.3.0",
     "lottie-web": "^5.9.6",
     "mocha": "^9.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7591485..65e22b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@
   '@material/material-color-utilities':
     specifier: ^0.2.7
     version: 0.2.7
+  '@material/web':
+    specifier: ^2.1.0
+    version: 2.1.0
   '@puppeteer/browsers':
     specifier: ^1.7.1
     version: 1.7.1
@@ -182,6 +185,9 @@
   karma-spec-reporter:
     specifier: 0.0.32
     version: 0.0.32(karma@6.3.16)
+  lit:
+    specifier: ^3.2.0
+    version: 3.2.0
   lit-html:
     specifier: ^1.3.0
     version: 1.3.0
@@ -666,10 +672,23 @@
       '@lit-labs/ssr-dom-shim': 1.2.0
     dev: false
 
+  /@lit/reactive-element@2.0.4:
+    resolution: {integrity: sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==}
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.2.0
+    dev: false
+
   /@material/material-color-utilities@0.2.7:
     resolution: {integrity: sha512-0FCeqG6WvK4/Cc06F/xXMd/pv4FeisI0c1tUpBbfhA2n9Y8eZEv4Karjbmf2ZqQCPUWMrGp8A571tCjizxoTiQ==}
     dev: false
 
+  /@material/web@2.1.0:
+    resolution: {integrity: sha512-xzRB6GSspfhscWJvu7Ct8T+2Ybiasnk8OCe3PlWDE/LDEPZFyJJE7K0D6cANscJKQ/GIGIeLVkq5FEQRi+KUew==}
+    dependencies:
+      lit: 3.2.0
+      tslib: 2.6.2
+    dev: false
+
   /@nodelib/fs.scandir@2.1.4:
     resolution: {integrity: sha512-33g3pMJk3bg5nXbL/+CY6I2eJDzZAni49PfJnL5fghPTggPvBd/pFNSgJsdAgWptuFu7qq/ERvOYFlhvsLTCKA==}
     engines: {node: '>= 8'}
@@ -3380,6 +3399,14 @@
       lit-html: 2.8.0
     dev: false
 
+  /lit-element@4.1.0:
+    resolution: {integrity: sha512-gSejRUQJuMQjV2Z59KAS/D4iElUhwKpIyJvZ9w+DIagIQjfJnhR20h2Q5ddpzXGS+fF0tMZ/xEYGMnKmaI/iww==}
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.2.0
+      '@lit/reactive-element': 2.0.4
+      lit-html: 3.2.0
+    dev: false
+
   /lit-html@1.3.0:
     resolution: {integrity: sha512-0Q1bwmaFH9O14vycPHw8C/IeHMk/uSDldVLIefu/kfbTBGIc44KGH6A8p1bDfxUfHdc8q6Ct7kQklWoHgr4t1Q==}
     dev: false
@@ -3390,6 +3417,12 @@
       '@types/trusted-types': 2.0.7
     dev: false
 
+  /lit-html@3.2.0:
+    resolution: {integrity: sha512-pwT/HwoxqI9FggTrYVarkBKFN9MlTUpLrDHubTmW4SrkL3kkqW5gxwbxMMUnbbRHBC0WTZnYHcjDSCM559VyfA==}
+    dependencies:
+      '@types/trusted-types': 2.0.7
+    dev: false
+
   /lit@2.8.0:
     resolution: {integrity: sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==}
     dependencies:
@@ -3398,6 +3431,14 @@
       lit-html: 2.8.0
     dev: false
 
+  /lit@3.2.0:
+    resolution: {integrity: sha512-s6tI33Lf6VpDu7u4YqsSX78D28bYQulM+VAzsGch4fx2H0eLZnJsUBsPWmGYSGoKDNbjtRv02rio1o+UdPVwvw==}
+    dependencies:
+      '@lit/reactive-element': 2.0.4
+      lit-element: 4.1.0
+      lit-html: 3.2.0
+    dev: false
+
   /load-json-file@2.0.0:
     resolution: {integrity: sha512-3p6ZOGNbiX4CdvEd1VcE6yi78UrGNpjHO33noGwHCnT/o2fyllJDepsm8+mFFv/DvtwFHht5HIHSyOy5a+ChVQ==}
     engines: {node: '>=4'}