update stack

.github/workflows/main.yml

@@ -8,10 +8,12 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-      - name: Use Node.js 16.x
+      - uses: pnpm/action-setup@v2
+      - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16.x'
-          cache: 'npm'
-      - run: npm ci
-      - run: npm run build
+          node-version-file: '.node-version'
+          cache: 'pnpm'
+      - run: pnpm i  --frozen-lockfile
+      - run: pnpm run lint
+      - run: pnpm run build

.node-version

@@ -0,0 +1 @@
+18.16.0

index.html

@@ -5,13 +5,21 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Timezone Converter</title>
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/icon.svg" type="image/svg+xml" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="manifest" href="/manifest.webmanifest" />
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
-    <meta name="msapplication-TileColor" content="#ffffff" />
-    <meta name="theme-color" content="#ffffff" />
+    <meta
+      name="theme-color"
+      content="#ffffff"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta
+      name="theme-color"
+      content="{{darkTheme}}"
+      media="(prefers-color-scheme: dark)"
+    />
+    <meta name="color-scheme" content="dark light" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link