Add offline PWA support

.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+dev-dist
 *.local
 
 # Editor directories and files

index.html

@@ -5,7 +5,12 @@
     <link rel="icon" href="/favicon.ico" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
+    <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">
+    <meta name="theme-color" content="#14475b" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="#14475b" media="(prefers-color-scheme: dark)">
+
     <meta
       name="description"
       content="Online database entity-realtionship diagram editor, data modeler, and SQL generator. Design, visualize, and export scripts without an account and completely free of charge."
@@ -35,7 +40,6 @@
     />
     <meta name="twitter:card" content="summary_large_image" />
 
-    <link rel="apple-touch-icon" href="/favicon.ico" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"