diff --git a/ui/index.html b/ui/index.html
index ef439f68..34702d60 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -6,6 +6,9 @@
     <!-- <link rel="manifest" href="/manifest.json" />
     <link rel="stylesheet" href="/index.css" /> -->
 
+    <link rel="icon" href="/src/favicon.ico" />
+    <link rel="icon" href="/src/favicon.svg" type="image/svg+xml" />
+
     <!-- Apple touch devices -->
     <link rel="apple-touch-icon" href="/src/assets/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="Photoview" />
diff --git a/ui/package-lock.json b/ui/package-lock.json
index a604173a..4d55b0c7 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -13,6 +13,9 @@
         "@babel/core": "^7.14.0",
         "@babel/preset-react": "^7.13.13",
         "@babel/preset-typescript": "^7.13.0",
+        "@rollup/plugin-babel": "^5.3.0",
+        "@vitejs/plugin-react-refresh": "^1.3.3",
+        "autoprefixer": "^10.2.5",
         "babel-eslint": "^10.1.0",
         "babel-jest": "^26.6.3",
         "babel-plugin-graphql-tag": "^3.2.0",
@@ -31,6 +34,7 @@
         "fs-extra": "^10.0.0",
         "i18next": "^20.2.2",
         "mapbox-gl": "^2.2.0",
+        "postcss": "^8.3.0",
         "prop-types": "^15.7.2",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
@@ -44,8 +48,10 @@
         "semantic-ui-react": "^2.0.3",
         "styled-components": "^5.3.0",
         "subscriptions-transport-ws": "^0.9.18",
+        "tailwindcss": "^2.1.2",
         "typescript": "^4.2.4",
-        "url-join": "^4.0.1"
+        "url-join": "^4.0.1",
+        "vite": "^2.3.3"
       },
       "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.13.15",
@@ -64,17 +70,12 @@
         "@types/url-join": "^4.0.0",
         "@typescript-eslint/eslint-plugin": "^4.23.0",
         "@typescript-eslint/parser": "^4.23.0",
-        "@vitejs/plugin-react-refresh": "^1.3.3",
-        "autoprefixer": "^10.2.5",
         "eslint-config-prettier": "^8.3.0",
         "husky": "^6.0.0",
         "jest": "^26.6.3",
         "lint-staged": "^11.0.0",
-        "postcss": "^8.3.0",
         "prettier": "^2.3.0",
-        "tailwindcss": "^2.1.2",
-        "tsc-files": "^1.1.2",
-        "vite": "^2.3.3"
+        "tsc-files": "^1.1.2"
       }
     },
     "node_modules/@apollo/client": {
@@ -1194,7 +1195,6 @@
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.13.tgz",
       "integrity": "sha512-FXYw98TTJ125GVCCkFLZXlZ1qGcsYqNQhVBQcZjyrwf8FEUtVfKIoidnO8S0q+KBQpDYNTmiGo1gn67Vti04lQ==",
-      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
       },
@@ -1206,7 +1206,6 @@
       "version": "7.14.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.14.2.tgz",
       "integrity": "sha512-OMorspVyjxghAjzgeAWc6O7W7vHbJhV69NeTGdl9Mxgz6PaweAuo7ffB9T5A1OQ9dGcw0As4SYMUhyNC4u7mVg==",
-      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.13.0"
       },
@@ -1680,7 +1679,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz",
       "integrity": "sha512-kwOXw8fZ0Lt1QmeOOrd+o4Ibvp4UTEBFQbzvWldjlKv5n+G9sXfIPn1hh63IQIL8K8vbvv1oYMJiIUbuy9bGaA==",
-      "dev": true,
       "dependencies": {
         "purgecss": "^3.1.3"
       }
@@ -2529,6 +2527,44 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@rollup/plugin-babel": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.0.tgz",
+      "integrity": "sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@rollup/pluginutils": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@types/babel__core": "^7.1.9",
+        "rollup": "^1.20.0||^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/babel__core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
     "node_modules/@semantic-ui-react/event-stack": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.2.tgz",
@@ -2802,6 +2838,11 @@
       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
       "dev": true
     },
+    "node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
+    },
     "node_modules/@types/geojson": {
       "version": "7946.0.7",
       "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.7.tgz",
@@ -3204,7 +3245,6 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-refresh/-/plugin-react-refresh-1.3.3.tgz",
       "integrity": "sha512-J3KFwSQKrEK7fgOwTx0PMTlsolZORUch6BswjsM50q+Y7zSvX1ROIRn+tK2VE8SCvbYRHtzEKFlYW3vsWyTosQ==",
-      "dev": true,
       "dependencies": {
         "@babel/core": "^7.12.13",
         "@babel/plugin-transform-react-jsx-self": "^7.12.13",
@@ -3292,7 +3332,6 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
       "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-      "dev": true,
       "dependencies": {
         "acorn": "^7.0.0",
         "acorn-walk": "^7.0.0",
@@ -3303,7 +3342,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
       "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -3544,7 +3582,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
       "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "dev": true,
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -3564,7 +3601,6 @@
       "version": "10.2.5",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.2.5.tgz",
       "integrity": "sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA==",
-      "dev": true,
       "dependencies": {
         "browserslist": "^4.16.3",
         "caniuse-lite": "^1.0.30001196",
@@ -3980,7 +4016,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4070,7 +4105,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
       "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -4118,7 +4152,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4176,7 +4209,6 @@
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
       "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
-      "dev": true,
       "dependencies": {
         "anymatch": "~3.1.1",
         "braces": "~3.0.2",
@@ -4197,7 +4229,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
       "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -4210,7 +4241,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -4222,7 +4252,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -4234,7 +4263,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4243,7 +4271,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -4375,7 +4402,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/color/-/color-3.1.3.tgz",
       "integrity": "sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^1.9.1",
         "color-string": "^1.5.4"
@@ -4398,7 +4424,6 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.5.tgz",
       "integrity": "sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==",
-      "dev": true,
       "dependencies": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -4433,7 +4458,6 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
       "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4562,8 +4586,7 @@
     "node_modules/css-unit-converter": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==",
-      "dev": true
+      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA=="
     },
     "node_modules/css.escape": {
       "version": "1.5.1",
@@ -4599,7 +4622,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -4744,8 +4766,7 @@
     "node_modules/defined": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
-      "dev": true
+      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM="
     },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
@@ -4769,7 +4790,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
       "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
-      "dev": true,
       "dependencies": {
         "acorn-node": "^1.6.1",
         "defined": "^1.0.0",
@@ -4785,8 +4805,7 @@
     "node_modules/didyoumean": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.1.tgz",
-      "integrity": "sha1-6S7f2tplN9SE1zwBcv0eugxJdv8=",
-      "dev": true
+      "integrity": "sha1-6S7f2tplN9SE1zwBcv0eugxJdv8="
     },
     "node_modules/diff-sequences": {
       "version": "26.6.2",
@@ -4819,8 +4838,7 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -5442,6 +5460,11 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -5980,7 +6003,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.0.tgz",
       "integrity": "sha512-o9lSKpK0TDqDwTL24Hxqi6I99s942l6TYkfl6WvGWgLOIFz/YonSGKfiSeMadoiNvTfqnfOa9mjb5SGVbBK9/w==",
-      "dev": true,
       "engines": {
         "node": "*"
       }
@@ -6139,7 +6161,6 @@
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
       "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
-      "dev": true,
       "dependencies": {
         "glob-parent": "^2.0.0",
         "is-glob": "^2.0.0"
@@ -6152,7 +6173,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
       "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
-      "dev": true,
       "dependencies": {
         "is-glob": "^2.0.0"
       }
@@ -6161,7 +6181,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
       "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6170,7 +6189,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
       "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^1.0.0"
       },
@@ -6397,7 +6415,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
       "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -6596,7 +6613,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -6727,7 +6743,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
       "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9605,14 +9620,12 @@
     "node_modules/lodash.toarray": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
-      "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=",
-      "dev": true
+      "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE="
     },
     "node_modules/lodash.topath": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
-      "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
-      "dev": true
+      "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak="
     },
     "node_modules/lodash.truncate": {
       "version": "4.4.2",
@@ -10011,7 +10024,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
       "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       },
@@ -10033,7 +10045,6 @@
       "version": "3.1.23",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.23.tgz",
       "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==",
-      "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -10076,7 +10087,6 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz",
       "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==",
-      "dev": true,
       "dependencies": {
         "lodash.toarray": "^4.4.0"
       }
@@ -10190,7 +10200,6 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10278,7 +10287,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.1.1.tgz",
       "integrity": "sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -10520,7 +10528,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
       "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
-      "dev": true,
       "dependencies": {
         "glob-base": "^0.3.0",
         "is-dotfile": "^1.0.0",
@@ -10535,7 +10542,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
       "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10544,7 +10550,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
       "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^1.0.0"
       },
@@ -10683,7 +10688,6 @@
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.0.tgz",
       "integrity": "sha512-+ogXpdAjWGa+fdYY5BQ96V/6tAo+TdSSIMP5huJBIygdWwKtVoB5JWZ7yUd4xZ8r+8Kvvx4nyg/PQ071H4UtcQ==",
-      "dev": true,
       "dependencies": {
         "colorette": "^1.2.2",
         "nanoid": "^3.1.23",
@@ -10701,7 +10705,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
       "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=",
-      "dev": true,
       "dependencies": {
         "glob": "^7.1.2",
         "object-assign": "^4.1.1",
@@ -10713,7 +10716,6 @@
       "version": "6.0.23",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
       "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-      "dev": true,
       "dependencies": {
         "chalk": "^2.4.1",
         "source-map": "^0.6.1",
@@ -10726,14 +10728,12 @@
     "node_modules/postcss-functions/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-      "dev": true
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
     },
     "node_modules/postcss-functions/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10742,7 +10742,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-3.0.3.tgz",
       "integrity": "sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==",
-      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1",
         "postcss": "^8.1.6"
@@ -10759,7 +10758,6 @@
       "version": "5.0.5",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.5.tgz",
       "integrity": "sha512-GSRXYz5bccobpTzLQZXOnSOfKl6TwVr5CyAQJUPub4nuRJSOECK5AqurxVgmtxP48p0Kc/ndY/YyS1yqldX0Ew==",
-      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.4"
       },
@@ -10778,7 +10776,6 @@
       "version": "6.0.6",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
       "integrity": "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==",
-      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -10868,7 +10865,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
       "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
-      "dev": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -10936,7 +10932,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-3.1.3.tgz",
       "integrity": "sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ==",
-      "dev": true,
       "dependencies": {
         "commander": "^6.0.0",
         "glob": "^7.0.0",
@@ -10979,7 +10974,6 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
       "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -11080,7 +11074,6 @@
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.9.0.tgz",
       "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11254,7 +11247,6 @@
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
       "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
-      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -11279,7 +11271,6 @@
       "version": "2.1.8",
       "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
       "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
-      "dev": true,
       "dependencies": {
         "css-unit-converter": "^1.1.1",
         "postcss-value-parser": "^3.3.0"
@@ -11288,8 +11279,7 @@
     "node_modules/reduce-css-calc/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-      "dev": true
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
     },
     "node_modules/regenerate": {
       "version": "1.4.2",
@@ -11618,7 +11608,6 @@
       "version": "2.47.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.47.0.tgz",
       "integrity": "sha512-rqBjgq9hQfW0vRmz+0S062ORRNJXvwRpzxhFXORvar/maZqY6za3rgQ/p1Glg+j1hnc1GtYyQCPiAei95uTElg==",
-      "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -11895,7 +11884,6 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
       "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
-      "dev": true,
       "dependencies": {
         "is-arrayish": "^0.3.1"
       }
@@ -11903,8 +11891,7 @@
     "node_modules/simple-swizzle/node_modules/is-arrayish": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "dev": true
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
     },
     "node_modules/sisteransi": {
       "version": "1.0.5",
@@ -12113,7 +12100,6 @@
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
       "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12639,7 +12625,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.1.2.tgz",
       "integrity": "sha512-T5t+wwd+/hsOyRw2HJuFuv0LTUm3MUdHm2DJ94GPVgzqwPPFa9XxX0KlwLWupUuiOUj6uiKURCzYPHFcuPch/w==",
-      "dev": true,
       "dependencies": {
         "@fullhuman/postcss-purgecss": "^3.1.3",
         "bytes": "^3.0.0",
@@ -12685,7 +12670,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -12700,7 +12684,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
       "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -12716,7 +12699,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -12727,14 +12709,12 @@
     "node_modules/tailwindcss/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/tailwindcss/node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
       "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dev": true,
       "dependencies": {
         "at-least-node": "^1.0.0",
         "graceful-fs": "^4.2.0",
@@ -12749,7 +12729,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12758,7 +12737,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -13240,7 +13218,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-2.3.3.tgz",
       "integrity": "sha512-eO1iwRbn3/BfkNVMNJDeANAFCZ5NobYOFPu7IqfY7DcI7I9nFGjJIZid0EViTmLDGwwSUPmRAq3cRBbO3+DsMA==",
-      "dev": true,
       "dependencies": {
         "esbuild": "^0.11.23",
         "postcss": "^8.2.10",
@@ -13440,7 +13417,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
       "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.4"
       }
@@ -14429,7 +14405,6 @@
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.13.tgz",
       "integrity": "sha512-FXYw98TTJ125GVCCkFLZXlZ1qGcsYqNQhVBQcZjyrwf8FEUtVfKIoidnO8S0q+KBQpDYNTmiGo1gn67Vti04lQ==",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.12.13"
       }
@@ -14438,7 +14413,6 @@
       "version": "7.14.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.14.2.tgz",
       "integrity": "sha512-OMorspVyjxghAjzgeAWc6O7W7vHbJhV69NeTGdl9Mxgz6PaweAuo7ffB9T5A1OQ9dGcw0As4SYMUhyNC4u7mVg==",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.13.0"
       }
@@ -14848,7 +14822,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz",
       "integrity": "sha512-kwOXw8fZ0Lt1QmeOOrd+o4Ibvp4UTEBFQbzvWldjlKv5n+G9sXfIPn1hh63IQIL8K8vbvv1oYMJiIUbuy9bGaA==",
-      "dev": true,
       "requires": {
         "purgecss": "^3.1.3"
       }
@@ -15524,6 +15497,25 @@
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
       "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q=="
     },
+    "@rollup/plugin-babel": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.0.tgz",
+      "integrity": "sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@rollup/pluginutils": "^3.1.0"
+      }
+    },
+    "@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "requires": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      }
+    },
     "@semantic-ui-react/event-stack": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.2.tgz",
@@ -15745,6 +15737,11 @@
       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
       "dev": true
     },
+    "@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
+    },
     "@types/geojson": {
       "version": "7946.0.7",
       "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.7.tgz",
@@ -16064,7 +16061,6 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-refresh/-/plugin-react-refresh-1.3.3.tgz",
       "integrity": "sha512-J3KFwSQKrEK7fgOwTx0PMTlsolZORUch6BswjsM50q+Y7zSvX1ROIRn+tK2VE8SCvbYRHtzEKFlYW3vsWyTosQ==",
-      "dev": true,
       "requires": {
         "@babel/core": "^7.12.13",
         "@babel/plugin-transform-react-jsx-self": "^7.12.13",
@@ -16138,7 +16134,6 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
       "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-      "dev": true,
       "requires": {
         "acorn": "^7.0.0",
         "acorn-walk": "^7.0.0",
@@ -16148,8 +16143,7 @@
     "acorn-walk": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-      "dev": true
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA=="
     },
     "aggregate-error": {
       "version": "3.1.0",
@@ -16330,8 +16324,7 @@
     "at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
-      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "dev": true
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg=="
     },
     "atob": {
       "version": "2.1.2",
@@ -16342,7 +16335,6 @@
       "version": "10.2.5",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.2.5.tgz",
       "integrity": "sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA==",
-      "dev": true,
       "requires": {
         "browserslist": "^4.16.3",
         "caniuse-lite": "^1.0.30001196",
@@ -16685,8 +16677,7 @@
     "binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
     },
     "brace-expansion": {
       "version": "1.1.11",
@@ -16758,8 +16749,7 @@
     "bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
-      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
-      "dev": true
+      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
     },
     "cache-base": {
       "version": "1.0.1",
@@ -16794,8 +16784,7 @@
     "camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
     },
     "camelize": {
       "version": "1.0.0",
@@ -16841,7 +16830,6 @@
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
       "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
-      "dev": true,
       "requires": {
         "anymatch": "~3.1.1",
         "braces": "~3.0.2",
@@ -16857,7 +16845,6 @@
           "version": "3.1.2",
           "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
           "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-          "dev": true,
           "requires": {
             "normalize-path": "^3.0.0",
             "picomatch": "^2.0.4"
@@ -16867,7 +16854,6 @@
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
           "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-          "dev": true,
           "requires": {
             "fill-range": "^7.0.1"
           }
@@ -16876,7 +16862,6 @@
           "version": "7.0.1",
           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
           "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-          "dev": true,
           "requires": {
             "to-regex-range": "^5.0.1"
           }
@@ -16884,14 +16869,12 @@
         "is-number": {
           "version": "7.0.0",
           "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-          "dev": true
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
         },
         "to-regex-range": {
           "version": "5.0.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
           "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-          "dev": true,
           "requires": {
             "is-number": "^7.0.0"
           }
@@ -16996,7 +16979,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/color/-/color-3.1.3.tgz",
       "integrity": "sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==",
-      "dev": true,
       "requires": {
         "color-convert": "^1.9.1",
         "color-string": "^1.5.4"
@@ -17019,7 +17001,6 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.5.tgz",
       "integrity": "sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==",
-      "dev": true,
       "requires": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -17047,8 +17028,7 @@
     "commander": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-      "dev": true
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA=="
     },
     "component-emitter": {
       "version": "1.3.0",
@@ -17174,8 +17154,7 @@
     "css-unit-converter": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==",
-      "dev": true
+      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA=="
     },
     "css.escape": {
       "version": "1.5.1",
@@ -17191,8 +17170,7 @@
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
     },
     "csstype": {
       "version": "3.0.4",
@@ -17298,8 +17276,7 @@
     "defined": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
-      "dev": true
+      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM="
     },
     "delayed-stream": {
       "version": "1.0.0",
@@ -17317,7 +17294,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
       "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
-      "dev": true,
       "requires": {
         "acorn-node": "^1.6.1",
         "defined": "^1.0.0",
@@ -17327,8 +17303,7 @@
     "didyoumean": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.1.tgz",
-      "integrity": "sha1-6S7f2tplN9SE1zwBcv0eugxJdv8=",
-      "dev": true
+      "integrity": "sha1-6S7f2tplN9SE1zwBcv0eugxJdv8="
     },
     "diff-sequences": {
       "version": "26.6.2",
@@ -17352,8 +17327,7 @@
     "dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "doctrine": {
       "version": "3.0.0",
@@ -17801,6 +17775,11 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw=="
     },
+    "estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
+    },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -18232,8 +18211,7 @@
     "fraction.js": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.0.tgz",
-      "integrity": "sha512-o9lSKpK0TDqDwTL24Hxqi6I99s942l6TYkfl6WvGWgLOIFz/YonSGKfiSeMadoiNvTfqnfOa9mjb5SGVbBK9/w==",
-      "dev": true
+      "integrity": "sha512-o9lSKpK0TDqDwTL24Hxqi6I99s942l6TYkfl6WvGWgLOIFz/YonSGKfiSeMadoiNvTfqnfOa9mjb5SGVbBK9/w=="
     },
     "fragment-cache": {
       "version": "0.2.1",
@@ -18356,7 +18334,6 @@
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
       "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
-      "dev": true,
       "requires": {
         "glob-parent": "^2.0.0",
         "is-glob": "^2.0.0"
@@ -18366,7 +18343,6 @@
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
           "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
-          "dev": true,
           "requires": {
             "is-glob": "^2.0.0"
           }
@@ -18374,14 +18350,12 @@
         "is-extglob": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
-          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
-          "dev": true
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
         },
         "is-glob": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true,
           "requires": {
             "is-extglob": "^1.0.0"
           }
@@ -18558,8 +18532,7 @@
     "html-tags": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
-      "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
-      "dev": true
+      "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg=="
     },
     "http-signature": {
       "version": "1.2.0",
@@ -18704,7 +18677,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "requires": {
         "binary-extensions": "^2.0.0"
       }
@@ -18793,8 +18765,7 @@
     "is-dotfile": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
-      "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=",
-      "dev": true
+      "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE="
     },
     "is-extendable": {
       "version": "0.1.1",
@@ -21031,14 +21002,12 @@
     "lodash.toarray": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
-      "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=",
-      "dev": true
+      "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE="
     },
     "lodash.topath": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
-      "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
-      "dev": true
+      "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak="
     },
     "lodash.truncate": {
       "version": "4.4.2",
@@ -21345,8 +21314,7 @@
     "modern-normalize": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
-      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
-      "dev": true
+      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA=="
     },
     "ms": {
       "version": "2.1.2",
@@ -21361,8 +21329,7 @@
     "nanoid": {
       "version": "3.1.23",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.23.tgz",
-      "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==",
-      "dev": true
+      "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -21396,7 +21363,6 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz",
       "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==",
-      "dev": true,
       "requires": {
         "lodash.toarray": "^4.4.0"
       }
@@ -21487,8 +21453,7 @@
     "normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
-      "dev": true
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI="
     },
     "npm-run-path": {
       "version": "4.0.1",
@@ -21555,8 +21520,7 @@
     "object-hash": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.1.1.tgz",
-      "integrity": "sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==",
-      "dev": true
+      "integrity": "sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ=="
     },
     "object-inspect": {
       "version": "1.9.0",
@@ -21728,7 +21692,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
       "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
-      "dev": true,
       "requires": {
         "glob-base": "^0.3.0",
         "is-dotfile": "^1.0.0",
@@ -21739,14 +21702,12 @@
         "is-extglob": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
-          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
-          "dev": true
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
         },
         "is-glob": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true,
           "requires": {
             "is-extglob": "^1.0.0"
           }
@@ -21853,7 +21814,6 @@
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.0.tgz",
       "integrity": "sha512-+ogXpdAjWGa+fdYY5BQ96V/6tAo+TdSSIMP5huJBIygdWwKtVoB5JWZ7yUd4xZ8r+8Kvvx4nyg/PQ071H4UtcQ==",
-      "dev": true,
       "requires": {
         "colorette": "^1.2.2",
         "nanoid": "^3.1.23",
@@ -21864,7 +21824,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
       "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=",
-      "dev": true,
       "requires": {
         "glob": "^7.1.2",
         "object-assign": "^4.1.1",
@@ -21876,7 +21835,6 @@
           "version": "6.0.23",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
           "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-          "dev": true,
           "requires": {
             "chalk": "^2.4.1",
             "source-map": "^0.6.1",
@@ -21886,14 +21844,12 @@
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-          "dev": true
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
         },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
         }
       }
     },
@@ -21901,7 +21857,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-3.0.3.tgz",
       "integrity": "sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==",
-      "dev": true,
       "requires": {
         "camelcase-css": "^2.0.1",
         "postcss": "^8.1.6"
@@ -21911,7 +21866,6 @@
       "version": "5.0.5",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.5.tgz",
       "integrity": "sha512-GSRXYz5bccobpTzLQZXOnSOfKl6TwVr5CyAQJUPub4nuRJSOECK5AqurxVgmtxP48p0Kc/ndY/YyS1yqldX0Ew==",
-      "dev": true,
       "requires": {
         "postcss-selector-parser": "^6.0.4"
       }
@@ -21920,7 +21874,6 @@
       "version": "6.0.6",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
       "integrity": "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==",
-      "dev": true,
       "requires": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -21990,8 +21943,7 @@
     "pretty-hrtime": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
-      "dev": true
+      "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE="
     },
     "progress": {
       "version": "2.0.3",
@@ -22047,7 +21999,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-3.1.3.tgz",
       "integrity": "sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ==",
-      "dev": true,
       "requires": {
         "commander": "^6.0.0",
         "glob": "^7.0.0",
@@ -22069,8 +22020,7 @@
     "quick-lru": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA=="
     },
     "quickselect": {
       "version": "2.0.0",
@@ -22144,8 +22094,7 @@
     "react-refresh": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.9.0.tgz",
-      "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ==",
-      "dev": true
+      "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ=="
     },
     "react-router": {
       "version": "5.2.0",
@@ -22305,7 +22254,6 @@
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
       "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
-      "dev": true,
       "requires": {
         "picomatch": "^2.2.1"
       }
@@ -22324,7 +22272,6 @@
       "version": "2.1.8",
       "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
       "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
-      "dev": true,
       "requires": {
         "css-unit-converter": "^1.1.1",
         "postcss-value-parser": "^3.3.0"
@@ -22333,8 +22280,7 @@
         "postcss-value-parser": {
           "version": "3.3.1",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-          "dev": true
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
         }
       }
     },
@@ -22593,7 +22539,6 @@
       "version": "2.47.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.47.0.tgz",
       "integrity": "sha512-rqBjgq9hQfW0vRmz+0S062ORRNJXvwRpzxhFXORvar/maZqY6za3rgQ/p1Glg+j1hnc1GtYyQCPiAei95uTElg==",
-      "dev": true,
       "requires": {
         "fsevents": "~2.3.1"
       }
@@ -22808,7 +22753,6 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
       "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
-      "dev": true,
       "requires": {
         "is-arrayish": "^0.3.1"
       },
@@ -22816,8 +22760,7 @@
         "is-arrayish": {
           "version": "0.3.2",
           "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-          "dev": true
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
         }
       }
     },
@@ -22987,8 +22930,7 @@
     "source-map-js": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
-      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
-      "dev": true
+      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug=="
     },
     "source-map-resolve": {
       "version": "0.5.3",
@@ -23405,7 +23347,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.1.2.tgz",
       "integrity": "sha512-T5t+wwd+/hsOyRw2HJuFuv0LTUm3MUdHm2DJ94GPVgzqwPPFa9XxX0KlwLWupUuiOUj6uiKURCzYPHFcuPch/w==",
-      "dev": true,
       "requires": {
         "@fullhuman/postcss-purgecss": "^3.1.3",
         "bytes": "^3.0.0",
@@ -23440,7 +23381,6 @@
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
           "requires": {
             "color-convert": "^2.0.1"
           }
@@ -23449,7 +23389,6 @@
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
           "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-          "dev": true,
           "requires": {
             "ansi-styles": "^4.1.0",
             "supports-color": "^7.1.0"
@@ -23459,7 +23398,6 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
           "requires": {
             "color-name": "~1.1.4"
           }
@@ -23467,14 +23405,12 @@
         "color-name": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "fs-extra": {
           "version": "9.1.0",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
           "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-          "dev": true,
           "requires": {
             "at-least-node": "^1.0.0",
             "graceful-fs": "^4.2.0",
@@ -23485,14 +23421,12 @@
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
           "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
           "requires": {
             "has-flag": "^4.0.0"
           }
@@ -23881,7 +23815,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-2.3.3.tgz",
       "integrity": "sha512-eO1iwRbn3/BfkNVMNJDeANAFCZ5NobYOFPu7IqfY7DcI7I9nFGjJIZid0EViTmLDGwwSUPmRAq3cRBbO3+DsMA==",
-      "dev": true,
       "requires": {
         "esbuild": "^0.11.23",
         "fsevents": "~2.3.1",
@@ -24053,8 +23986,7 @@
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
     },
     "y18n": {
       "version": "4.0.0",
diff --git a/ui/package.json b/ui/package.json
index 20b4da49..12fab618 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -13,6 +13,9 @@
     "@babel/core": "^7.14.0",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@vitejs/plugin-react-refresh": "^1.3.3",
+    "autoprefixer": "^10.2.5",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-graphql-tag": "^3.2.0",
@@ -31,6 +34,7 @@
     "fs-extra": "^10.0.0",
     "i18next": "^20.2.2",
     "mapbox-gl": "^2.2.0",
+    "postcss": "^8.3.0",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -44,8 +48,10 @@
     "semantic-ui-react": "^2.0.3",
     "styled-components": "^5.3.0",
     "subscriptions-transport-ws": "^0.9.18",
+    "tailwindcss": "^2.1.2",
     "typescript": "^4.2.4",
-    "url-join": "^4.0.1"
+    "url-join": "^4.0.1",
+    "vite": "^2.3.3"
   },
   "scripts": {
     "start": "vite",
@@ -78,17 +84,12 @@
     "@types/url-join": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^4.23.0",
     "@typescript-eslint/parser": "^4.23.0",
-    "@vitejs/plugin-react-refresh": "^1.3.3",
-    "autoprefixer": "^10.2.5",
     "eslint-config-prettier": "^8.3.0",
     "husky": "^6.0.0",
     "jest": "^26.6.3",
     "lint-staged": "^11.0.0",
-    "postcss": "^8.3.0",
     "prettier": "^2.3.0",
-    "tailwindcss": "^2.1.2",
-    "tsc-files": "^1.1.2",
-    "vite": "^2.3.3"
+    "tsc-files": "^1.1.2"
   },
   "prettier": {
     "trailingComma": "es5",
diff --git a/ui/src/Pages/AllAlbumsPage/AlbumsPage.tsx b/ui/src/Pages/AllAlbumsPage/AlbumsPage.tsx
index 581804c2..b043fc94 100644
--- a/ui/src/Pages/AllAlbumsPage/AlbumsPage.tsx
+++ b/ui/src/Pages/AllAlbumsPage/AlbumsPage.tsx
@@ -4,6 +4,7 @@ import Layout from '../../components/layout/Layout'
 import { useQuery, gql } from '@apollo/client'
 import LazyLoad from '../../helpers/LazyLoad'
 import { useTranslation } from 'react-i18next'
+import { getMyAlbums } from './__generated__/getMyAlbums'
 
 const getAlbumsQuery = gql`
   query getMyAlbums {
@@ -20,8 +21,7 @@ const getAlbumsQuery = gql`
 `
 
 const AlbumsPage = () => {
-  const { t } = useTranslation()
-  const { loading, error, data } = useQuery(getAlbumsQuery)
+  const { loading, error, data } = useQuery<getMyAlbums>(getAlbumsQuery)
 
   useEffect(() => {
     return () => LazyLoad.disconnect()
@@ -33,14 +33,7 @@ const AlbumsPage = () => {
 
   return (
     <Layout title="Albums">
-      <h1>{t('albums_page.title', 'Albums')}</h1>
-      {!loading && (
-        <AlbumBoxes
-          loading={loading}
-          error={error}
-          albums={data && data.myAlbums}
-        />
-      )}
+      <AlbumBoxes error={error} albums={data?.myAlbums} />
     </Layout>
   )
 }
diff --git a/ui/src/Pages/LoginPage/LoginPage.tsx b/ui/src/Pages/LoginPage/LoginPage.tsx
index ce677e83..f1f02d43 100644
--- a/ui/src/Pages/LoginPage/LoginPage.tsx
+++ b/ui/src/Pages/LoginPage/LoginPage.tsx
@@ -66,6 +66,8 @@ const LoginForm = () => {
     })
   }
 
+  console.log('errors', formErrors)
+
   const errorMessage =
     data && !data.authorizeUser.success ? data.authorizeUser.status : null
 
@@ -78,14 +80,23 @@ const LoginForm = () => {
       <TextField
         className="w-full"
         label={t('login_page.field.username', 'Username')}
-        {...register('username')}
-        error={formErrors.username?.message}
+        {...register('username', { required: true })}
+        error={
+          formErrors.username?.type == 'required'
+            ? 'Please enter a username'
+            : undefined
+        }
       />
       <TextField
         className="w-full"
         type="password"
         label={t('login_page.field.password', 'Password')}
-        {...register('password')}
+        {...register('password', { required: true })}
+        error={
+          formErrors.password?.type == 'required'
+            ? 'Please enter a password'
+            : undefined
+        }
       />
       <input
         type="submit"
diff --git a/ui/src/components/AlbumFilter.jsx b/ui/src/components/AlbumFilter.jsx
deleted file mode 100644
index 8396df9e..00000000
--- a/ui/src/components/AlbumFilter.jsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import React from 'react'
-import { authToken } from '../helpers/authentication'
-import { Checkbox, Dropdown, Button, Icon } from 'semantic-ui-react'
-import styled from 'styled-components'
-import PropTypes from 'prop-types'
-import { useTranslation } from 'react-i18next'
-
-const FavoritesCheckboxStyle = styled(Checkbox)`
-  margin-bottom: 16px;
-  margin-right: 10px;
-
-  &.ui.toggle.checkbox label {
-    padding-left: 0;
-    padding-right: 4em;
-    font-weight: bold;
-  }
-
-  &.ui.checkbox input,
-  &.ui.toggle.checkbox label:before {
-    left: auto;
-    right: 0;
-  }
-
-  &.ui.toggle.checkbox label:after {
-    left: auto;
-    right: 1.75em;
-    transition: background 0.3s ease 0s, right 0.3s ease 0s;
-  }
-
-  &.ui.toggle.checkbox input:checked + label:after {
-    left: auto;
-    right: 0.08em;
-    transition: background 0.3s ease 0s, right 0.3s ease 0s;
-  }
-`
-
-export const FavoritesCheckbox = ({ onlyFavorites, setOnlyFavorites }) => {
-  const { t } = useTranslation()
-
-  return (
-    <FavoritesCheckboxStyle
-      toggle
-      label={t('album_filter.only_favorites', 'Show only favorites')}
-      checked={onlyFavorites}
-      onChange={(e, result) => setOnlyFavorites(result.checked)}
-    />
-  )
-}
-
-FavoritesCheckbox.propTypes = {
-  onlyFavorites: PropTypes.bool.isRequired,
-  setOnlyFavorites: PropTypes.func.isRequired,
-}
-
-const OrderDirectionButton = styled(Button)`
-  padding: 0.88em;
-  margin-left: 10px !important;
-`
-
-const SortByLabel = styled.strong`
-  margin-left: 4px;
-  margin-right: 6px;
-`
-
-const AlbumFilter = ({
-  onlyFavorites,
-  setOnlyFavorites,
-  setOrdering,
-  ordering,
-}) => {
-  const { t } = useTranslation()
-  const onChangeOrderDirection = (e, data) => {
-    const direction = data.children.props.name === 'arrow up' ? 'DESC' : 'ASC'
-    setOrdering({ orderDirection: direction })
-  }
-
-  const sortingOptions = [
-    {
-      key: 'date_shot',
-      value: 'date_shot',
-      text: t('album_filter.sorting_options.date_shot', 'Date shot'),
-    },
-    {
-      key: 'updated_at',
-      value: 'updated_at',
-      text: t('album_filter.sorting_options.date_imported', 'Date imported'),
-    },
-    {
-      key: 'title',
-      value: 'title',
-      text: t('album_filter.sorting_options.title', 'Title'),
-    },
-    {
-      key: 'type',
-      value: 'type',
-      text: t('album_filter.sorting_options.type', 'Kind'),
-    },
-  ]
-
-  return (
-    <>
-      {authToken() && setOnlyFavorites && (
-        <FavoritesCheckbox
-          onlyFavorites={onlyFavorites}
-          setOnlyFavorites={setOnlyFavorites}
-        />
-      )}
-      <SortByLabel>{t('album_filter.sort_by', 'Sort by')}</SortByLabel>
-      <Dropdown
-        selection
-        options={sortingOptions}
-        defaultValue={
-          sortingOptions.find(e => e.value === ordering.orderBy)?.value ||
-          sortingOptions[0].value
-        }
-        onChange={(e, data) => {
-          setOrdering({ orderBy: data.value })
-        }}
-      />
-      <OrderDirectionButton icon basic onClick={onChangeOrderDirection}>
-        <Icon
-          name={'arrow ' + (ordering.orderDirection === 'ASC' ? 'up' : 'down')}
-        />
-      </OrderDirectionButton>
-    </>
-  )
-}
-
-AlbumFilter.propTypes = {
-  onlyFavorites: PropTypes.bool,
-  setOnlyFavorites: PropTypes.func,
-  setOrdering: PropTypes.func,
-  ordering: PropTypes.object,
-}
-
-export default AlbumFilter
diff --git a/ui/src/components/AlbumFilter.tsx b/ui/src/components/AlbumFilter.tsx
new file mode 100644
index 00000000..d391cded
--- /dev/null
+++ b/ui/src/components/AlbumFilter.tsx
@@ -0,0 +1,104 @@
+import React from 'react'
+import { authToken } from '../helpers/authentication'
+import { useTranslation } from 'react-i18next'
+import { OrderDirection } from '../../__generated__/globalTypes'
+import { MediaOrdering, SetOrderingFn } from '../hooks/useOrderingParams'
+
+type FavoriteCheckboxProps = {
+  onlyFavorites: boolean
+  setOnlyFavorites(favorites: boolean): void
+}
+
+export const FavoritesCheckbox = ({
+  onlyFavorites,
+  setOnlyFavorites,
+}: FavoriteCheckboxProps) => {
+  const { t } = useTranslation()
+
+  return (
+    <label>
+      <input
+        type="checkbox"
+        checked={onlyFavorites}
+        onChange={e => setOnlyFavorites(e.target.checked)}
+      />
+      <span>{t('album_filter.only_favorites', 'Show only favorites')}</span>
+    </label>
+  )
+}
+
+type AlbumFilterProps = {
+  onlyFavorites: boolean
+  setOnlyFavorites?(favorites: boolean): void
+  ordering?: MediaOrdering
+  setOrdering?: SetOrderingFn
+}
+
+const AlbumFilter = ({
+  onlyFavorites,
+  setOnlyFavorites,
+  setOrdering,
+  ordering,
+}: AlbumFilterProps) => {
+  const { t } = useTranslation()
+
+  const changeOrderDirection = () => {
+    if (setOrdering && ordering) {
+      setOrdering({
+        orderDirection:
+          ordering.orderDirection == OrderDirection.ASC
+            ? OrderDirection.DESC
+            : OrderDirection.ASC,
+      })
+    }
+  }
+
+  const changeOrderBy = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    if (setOrdering) {
+      setOrdering({ orderBy: e.target.value })
+    }
+  }
+
+  const sortingOptions = [
+    {
+      value: 'date_shot',
+      text: t('album_filter.sorting_options.date_shot', 'Date shot'),
+    },
+    {
+      value: 'updated_at',
+      text: t('album_filter.sorting_options.date_imported', 'Date imported'),
+    },
+    {
+      value: 'title',
+      text: t('album_filter.sorting_options.title', 'Title'),
+    },
+    {
+      value: 'type',
+      text: t('album_filter.sorting_options.type', 'Kind'),
+    },
+  ]
+
+  return (
+    <>
+      {authToken() && setOnlyFavorites && (
+        <FavoritesCheckbox
+          onlyFavorites={onlyFavorites}
+          setOnlyFavorites={setOnlyFavorites}
+        />
+      )}
+      <span>{t('album_filter.sort_by', 'Sort by')}</span>
+
+      <select onChange={changeOrderBy} value={ordering?.orderBy || undefined}>
+        {sortingOptions.map(x => (
+          <option key={x.value} value={x.value}>
+            {x.text}
+          </option>
+        ))}
+      </select>
+
+      <button onClick={changeOrderDirection}>{ordering?.orderDirection}</button>
+    </>
+  )
+}
+
+export default AlbumFilter
diff --git a/ui/src/components/AlbumTitle.tsx b/ui/src/components/AlbumTitle.tsx
index 4cf5604c..5c6fd7aa 100644
--- a/ui/src/components/AlbumTitle.tsx
+++ b/ui/src/components/AlbumTitle.tsx
@@ -1,42 +1,24 @@
 import React, { useEffect, useContext } from 'react'
-import PropTypes from 'prop-types'
-import { Breadcrumb, IconProps } from 'semantic-ui-react'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
-import { Icon } from 'semantic-ui-react'
 import { SidebarContext } from './sidebar/Sidebar'
 import AlbumSidebar from './sidebar/AlbumSidebar'
 import { useLazyQuery, gql } from '@apollo/client'
 import { authToken } from '../helpers/authentication'
 import { albumPathQuery } from './__generated__/albumPathQuery'
 
-const Header = styled.h1`
-  margin: 24px 0 8px 0 !important;
-
-  & a {
-    color: black;
-
-    &:hover {
-      text-decoration: underline;
-    }
+const BreadcrumbList = styled.ol`
+  & li::after {
+    content: '';
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='6px' viewBox='0 0 5 6'%3E%3Cpolyline fill='none' stroke='%23979797' points='0.74 0.167710644 3.57228936 3 0.74 5.83228936' /%3E%3C/svg%3E");
+    width: 5px;
+    height: 6px;
+    display: inline-block;
+    margin: 6px;
+    vertical-align: middle;
   }
 `
 
-const StyledIcon = styled(Icon)`
-  margin-left: 8px !important;
-  display: inline-block;
-  color: #888;
-  cursor: pointer;
-
-  &:hover {
-    color: #1e70bf;
-  }
-`
-
-const SettingsIcon = (props: IconProps) => {
-  return <StyledIcon name="settings" size="small" {...props} />
-}
-
 const ALBUM_PATH_QUERY = gql`
   query albumPathQuery($id: ID!) {
     album(id: $id) {
@@ -58,9 +40,8 @@ type AlbumTitleProps = {
 }
 
 const AlbumTitle = ({ album, disableLink = false }: AlbumTitleProps) => {
-  const [fetchPath, { data: pathData }] = useLazyQuery<albumPathQuery>(
-    ALBUM_PATH_QUERY
-  )
+  const [fetchPath, { data: pathData }] =
+    useLazyQuery<albumPathQuery>(ALBUM_PATH_QUERY)
   const { updateSidebar } = useContext(SidebarContext)
 
   useEffect(() => {
@@ -85,12 +66,9 @@ const AlbumTitle = ({ album, disableLink = false }: AlbumTitleProps) => {
     .slice()
     .reverse()
     .map(x => (
-      <span key={x.id}>
-        <Breadcrumb.Section as={Link} to={`/album/${x.id}`}>
-          {x.title}
-        </Breadcrumb.Section>
-        <Breadcrumb.Divider icon="right angle" />
-      </span>
+      <li key={x.id} className="inline-block hover:underline">
+        <Link to={`/album/${x.id}`}>{x.title}</Link>
+      </li>
     ))
 
   if (!disableLink) {
@@ -98,25 +76,24 @@ const AlbumTitle = ({ album, disableLink = false }: AlbumTitleProps) => {
   }
 
   return (
-    <>
-      <Header>
-        <Breadcrumb>{breadcrumbSections}</Breadcrumb>
-        {title}
-        {authToken() && (
-          <SettingsIcon
-            onClick={() => {
-              updateSidebar(<AlbumSidebar albumId={album.id} />)
-            }}
-          />
-        )}
-      </Header>
-    </>
+    <div className="flex">
+      <div>
+        <nav aria-label="Album breadcrumb">
+          <BreadcrumbList className="">{breadcrumbSections}</BreadcrumbList>
+        </nav>
+        <h1 className="text-2xl">{title}</h1>
+      </div>
+      {authToken() && (
+        <button
+          onClick={() => {
+            updateSidebar(<AlbumSidebar albumId={album.id} />)
+          }}
+        >
+          More
+        </button>
+      )}
+    </div>
   )
 }
 
-AlbumTitle.propTypes = {
-  album: PropTypes.object,
-  disableLink: PropTypes.bool,
-}
-
 export default AlbumTitle
diff --git a/ui/src/components/albumGallery/AlbumBox.tsx b/ui/src/components/albumGallery/AlbumBox.tsx
index f8d3d0f4..6bb0d864 100644
--- a/ui/src/components/albumGallery/AlbumBox.tsx
+++ b/ui/src/components/albumGallery/AlbumBox.tsx
@@ -1,52 +1,8 @@
 import React, { useState } from 'react'
-import styled from 'styled-components'
 import { Link } from 'react-router-dom'
 import { ProtectedImage } from '../photoGallery/ProtectedMedia'
 import { albumQuery_album_subAlbums } from '../../Pages/AlbumPage/__generated__/albumQuery'
 
-const AlbumBoxLink = styled(Link)`
-  width: 240px;
-  height: 240px;
-  display: inline-block;
-  text-align: center;
-  color: #222;
-`
-
-const ImageWrapper = styled.div`
-  width: 240px;
-  height: 220px;
-  padding: 0 10px;
-  position: relative;
-`
-
-const Image = styled(ProtectedImage)`
-  width: 220px;
-  height: 220px;
-  margin: auto;
-  border-radius: 4%;
-  object-fit: cover;
-  object-position: center;
-`
-
-const Placeholder = styled.div<{ overlap?: boolean; loaded?: boolean }>`
-  width: 220px;
-  height: 220px;
-  border-radius: 4%;
-  margin: auto;
-  background: linear-gradient(#f7f7f7 0%, #eee 100%);
-
-  ${({ overlap, loaded }) =>
-    overlap &&
-    `
-    position: absolute;
-    top: 0;
-    left: 10px;
-    opacity: ${loaded ? 0 : 1};
-
-    transition: opacity 200ms;
-  `}
-`
-
 interface AlbumBoxImageProps {
   src?: string
 }
@@ -54,16 +10,31 @@ interface AlbumBoxImageProps {
 const AlbumBoxImage = ({ src, ...props }: AlbumBoxImageProps) => {
   const [loaded, setLoaded] = useState(false)
 
+  let image = null
   if (src) {
-    return (
-      <ImageWrapper>
-        <Image {...props} onLoad={() => setLoaded(true)} src={src} />
-        <Placeholder overlap loaded={loaded} />
-      </ImageWrapper>
+    image = (
+      <ProtectedImage
+        className="object-cover object-center w-full h-full rounded-lg"
+        {...props}
+        onLoad={() => setLoaded(true)}
+        src={src}
+      />
     )
   }
 
-  return <Placeholder />
+  let placeholder = null
+  if (!loaded) {
+    placeholder = (
+      <div className="bg-gray-100 animate-pulse w-full h-full rounded-lg absolute"></div>
+    )
+  }
+
+  return (
+    <div className="w-[220px] h-[220px] relative rounded-lg">
+      {image}
+      {placeholder}
+    </div>
+  )
 }
 
 type AlbumBoxProps = {
@@ -72,20 +43,24 @@ type AlbumBoxProps = {
 }
 
 export const AlbumBox = ({ album, customLink, ...props }: AlbumBoxProps) => {
-  if (!album) {
+  const wrapperClasses = 'inline-block text-center text-gray-900 mx-3 my-2 h-60'
+
+  if (album) {
     return (
-      <AlbumBoxLink {...props} to="#">
-        <AlbumBoxImage />
-      </AlbumBoxLink>
+      <Link
+        to={customLink || `/album/${album.id}`}
+        className={wrapperClasses}
+        {...props}
+      >
+        <AlbumBoxImage src={album.thumbnail?.thumbnail?.url} />
+        <p>{album.title}</p>
+      </Link>
     )
   }
 
-  const thumbnail = album.thumbnail?.thumbnail?.url
-
   return (
-    <AlbumBoxLink {...props} to={customLink || `/album/${album.id}`}>
-      <AlbumBoxImage src={thumbnail} />
-      <p>{album.title}</p>
-    </AlbumBoxLink>
+    <div className={wrapperClasses} {...props}>
+      <AlbumBoxImage />
+    </div>
   )
 }
diff --git a/ui/src/components/albumGallery/AlbumBoxes.tsx b/ui/src/components/albumGallery/AlbumBoxes.tsx
index 74b5360a..f71de07b 100644
--- a/ui/src/components/albumGallery/AlbumBoxes.tsx
+++ b/ui/src/components/albumGallery/AlbumBoxes.tsx
@@ -1,15 +1,8 @@
 import React from 'react'
-import styled from 'styled-components'
 import { albumQuery_album_subAlbums } from '../../Pages/AlbumPage/__generated__/albumQuery'
 import { AlbumBox } from './AlbumBox'
 
-const Container = styled.div`
-  margin: 20px -10px;
-  position: relative;
-`
-
 type AlbumBoxesProps = {
-  loading: boolean
   error?: Error
   albums?: albumQuery_album_subAlbums[]
   getCustomLink?(albumID: string): string
@@ -20,7 +13,7 @@ const AlbumBoxes = ({ error, albums, getCustomLink }: AlbumBoxesProps) => {
 
   let albumElements = []
 
-  if (albums) {
+  if (albums !== undefined) {
     albumElements = albums.map(album => (
       <AlbumBox
         key={album.id}
@@ -34,7 +27,7 @@ const AlbumBoxes = ({ error, albums, getCustomLink }: AlbumBoxesProps) => {
     }
   }
 
-  return <Container>{albumElements}</Container>
+  return <div className="-mx-3 my-6">{albumElements}</div>
 }
 
 export default AlbumBoxes
diff --git a/ui/src/components/albumGallery/AlbumGallery.tsx b/ui/src/components/albumGallery/AlbumGallery.tsx
index 92b64f41..7f196351 100644
--- a/ui/src/components/albumGallery/AlbumGallery.tsx
+++ b/ui/src/components/albumGallery/AlbumGallery.tsx
@@ -4,11 +4,11 @@ import PhotoGallery from '../photoGallery/PhotoGallery'
 import AlbumBoxes from './AlbumBoxes'
 import AlbumFilter from '../AlbumFilter'
 import { albumQuery_album } from '../../Pages/AlbumPage/__generated__/albumQuery'
-import { OrderDirection } from '../../../__generated__/globalTypes'
 import {
   photoGalleryReducer,
   urlPresentModeSetupHook,
 } from '../photoGallery/photoGalleryReducer'
+import { MediaOrdering, SetOrderingFn } from '../../hooks/useOrderingParams'
 
 type AlbumGalleryProps = {
   album?: albumQuery_album
@@ -16,8 +16,8 @@ type AlbumGalleryProps = {
   customAlbumLink?(albumID: string): string
   showFilter?: boolean
   setOnlyFavorites?(favorites: boolean): void
-  setOrdering?(ordering: { orderBy: string }): void
-  ordering?: { orderBy: string | null; orderDirection: OrderDirection | null }
+  setOrdering?: SetOrderingFn
+  ordering?: MediaOrdering
   onlyFavorites?: boolean
   onFavorite?(): void
 }
@@ -61,19 +61,17 @@ const AlbumGallery = React.forwardRef(
       if (album.subAlbums.length > 0) {
         subAlbumElement = (
           <AlbumBoxes
-            loading={loading}
             albums={album.subAlbums}
             getCustomLink={customAlbumLink}
           />
         )
       }
     } else {
-      subAlbumElement = <AlbumBoxes loading={loading} />
+      subAlbumElement = <AlbumBoxes />
     }
 
     return (
       <div ref={ref}>
-        <AlbumTitle album={album} disableLink />
         {showFilter && (
           <AlbumFilter
             onlyFavorites={onlyFavorites}
@@ -82,17 +80,8 @@ const AlbumGallery = React.forwardRef(
             ordering={ordering}
           />
         )}
+        <AlbumTitle album={album} disableLink />
         {subAlbumElement}
-        {
-          <h2
-            style={{
-              opacity: loading ? 0 : 1,
-              display: album && album.subAlbums.length > 0 ? 'block' : 'none',
-            }}
-          >
-            Images
-          </h2>
-        }
         <PhotoGallery
           loading={loading}
           mediaState={mediaState}
diff --git a/ui/src/components/layout/MainMenu.tsx b/ui/src/components/layout/MainMenu.tsx
index 2009bc6a..a0949a26 100644
--- a/ui/src/components/layout/MainMenu.tsx
+++ b/ui/src/components/layout/MainMenu.tsx
@@ -60,7 +60,7 @@ export const MainMenu = () => {
   const mapboxEnabled = !!mapboxQuery?.data?.mapboxToken
 
   return (
-    <div className="absolute lg:relative w-full bottom-0 bg-white shadow-separator lg:shadow-none lg:w-[240px] lg:mx-8 lg:my-4">
+    <div className="absolute lg:relative w-full bottom-0 z-10 bg-white shadow-separator lg:shadow-none lg:w-[240px] lg:mx-8 lg:my-4">
       <ul className="flex justify-around py-2 px-2 z-10 max-w-lg mx-auto lg:flex-col lg:p-0">
         <MenuButton
           to="/photos"
diff --git a/ui/src/components/photoGallery/MediaThumbnail.tsx b/ui/src/components/photoGallery/MediaThumbnail.tsx
index e6f7b4f8..9150be6b 100644
--- a/ui/src/components/photoGallery/MediaThumbnail.tsx
+++ b/ui/src/components/photoGallery/MediaThumbnail.tsx
@@ -181,7 +181,7 @@ export const MediaThumbnail = ({
   )
 }
 
-export const PhotoThumbnail = styled.div`
+export const MediaPlaceholder = styled.div`
   flex-grow: 1;
   height: 200px;
   width: 300px;
diff --git a/ui/src/components/photoGallery/PhotoGallery.tsx b/ui/src/components/photoGallery/PhotoGallery.tsx
index 88a2ec77..5a9fe8bc 100644
--- a/ui/src/components/photoGallery/PhotoGallery.tsx
+++ b/ui/src/components/photoGallery/PhotoGallery.tsx
@@ -1,7 +1,6 @@
 import React, { useContext, useEffect } from 'react'
 import styled from 'styled-components'
-import { Loader } from 'semantic-ui-react'
-import { MediaThumbnail, PhotoThumbnail } from './MediaThumbnail'
+import { MediaThumbnail, MediaPlaceholder } from './MediaThumbnail'
 import PresentView from './presentView/PresentView'
 import { useTranslation } from 'react-i18next'
 import { PresentMediaProps_Media } from './presentView/PresentMedia'
@@ -37,10 +36,6 @@ const PhotoFiller = styled.div`
   flex-grow: 999999;
 `
 
-const ClearWrap = styled.div`
-  clear: both;
-`
-
 export interface PhotoGalleryProps_Media extends PresentMediaProps_Media {
   thumbnail: sidebarPhoto_media_thumbnail | null
   favorite?: boolean
@@ -109,16 +104,13 @@ const PhotoGallery = ({
     })
   } else {
     for (let i = 0; i < 6; i++) {
-      photoElements.push(<PhotoThumbnail key={i} />)
+      photoElements.push(<MediaPlaceholder key={i} />)
     }
   }
 
   return (
-    <ClearWrap>
+    <>
       <Gallery data-testid="photo-gallery-wrapper">
-        <Loader active={loading}>
-          {t('general.loading.media', 'Loading media')}
-        </Loader>
         {photoElements}
         <PhotoFiller />
       </Gallery>
@@ -128,7 +120,7 @@ const PhotoGallery = ({
           dispatchMedia={dispatchMedia}
         />
       )}
-    </ClearWrap>
+    </>
   )
 }
 
diff --git a/ui/src/components/timelineGallery/TimelineGallery.tsx b/ui/src/components/timelineGallery/TimelineGallery.tsx
index 5e287b8a..a8efc5ac 100644
--- a/ui/src/components/timelineGallery/TimelineGallery.tsx
+++ b/ui/src/components/timelineGallery/TimelineGallery.tsx
@@ -173,9 +173,6 @@ const TimelineGallery = () => {
 
   return (
     <>
-      <Loader active={loading}>
-        {t('general.loading.timeline', 'Loading timeline')}
-      </Loader>
       <FavoritesCheckbox
         onlyFavorites={onlyFavorites}
         setOnlyFavorites={setOnlyFavorites}
diff --git a/ui/src/favicon.svg b/ui/src/favicon.svg
new file mode 100644
index 00000000..5124deb5
--- /dev/null
+++ b/ui/src/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="Artboard2" x="0" y="-0" width="256" height="256" style="fill:none;"/><clipPath id="_clip1"><rect x="0" y="-0" width="256" height="256"/></clipPath><g clip-path="url(#_clip1)"><g id="logo"><path id="logo1" serif:id="logo" d="M0,192l64,64l128,-0l64,-64l-128,-192l-128,192Z" style="fill:url(#_Radial2);"/><g><clipPath id="_clip3"><path d="M0,192l64,64l128,-0l64,-64l-128,-192l-128,192Z"/></clipPath><g clip-path="url(#_clip3)"><use id="_Image3_" serif:id="_Image3" xlink:href="#_Image4" x="0" y="0" width="384px" height="768px" transform="matrix(1,0,0,1,64,0)"/></g></g></g></g><defs><radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(128,-74.098,123.651,213.6,160,224)"><stop offset="0" style="stop-color:#f06;stop-opacity:1"/><stop offset="1" style="stop-color:#ffb800;stop-opacity:1"/></radialGradient><image id="_Image4" width="128px" height="256px" xlink:href="data:image/png;base64,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"/></defs></svg>
\ No newline at end of file
diff --git a/ui/src/hooks/useOrderingParams.ts b/ui/src/hooks/useOrderingParams.ts
index 79f1758d..b1b353f9 100644
--- a/ui/src/hooks/useOrderingParams.ts
+++ b/ui/src/hooks/useOrderingParams.ts
@@ -2,18 +2,23 @@ import { useCallback } from 'react'
 import { OrderDirection } from '../../__generated__/globalTypes'
 import { UrlKeyValuePair, UrlParams } from './useURLParameters'
 
+export type MediaOrdering = {
+  orderBy: string | null
+  orderDirection: OrderDirection | null
+}
+
+export type SetOrderingFn = (args: {
+  orderBy?: string
+  orderDirection?: OrderDirection
+}) => void
+
 function useOrderingParams({ getParam, setParams }: UrlParams) {
   const orderBy = getParam('orderBy', 'date_shot')
 
   const orderDirStr = getParam('orderDirection', 'ASC') || 'hello'
   const orderDirection = orderDirStr as OrderDirection
 
-  type setOrderingFn = (args: {
-    orderBy?: string
-    orderDirection?: OrderDirection
-  }) => void
-
-  const setOrdering: setOrderingFn = useCallback(
+  const setOrdering: SetOrderingFn = useCallback(
     ({ orderBy, orderDirection }) => {
       const updatedParams: UrlKeyValuePair[] = []
       if (orderBy !== undefined) {
diff --git a/ui/src/primitives/form/Input.tsx b/ui/src/primitives/form/Input.tsx
index aae2b5f7..ce2b14d5 100644
--- a/ui/src/primitives/form/Input.tsx
+++ b/ui/src/primitives/form/Input.tsx
@@ -1,45 +1,51 @@
-import React from 'react'
+import React, { forwardRef } from 'react'
 
 type TextFieldProps = {
   label?: string
   error?: string
 } & React.InputHTMLAttributes<HTMLInputElement>
 
-export const TextField = ({
-  label,
-  error,
-  className,
-  ...inputProps
-}: TextFieldProps) => {
-  const input = (
-    <input
-      className="block bg-white border border-gray-200 rounded-md h-10 w-full focus:border-blue-400 focus:ring-2 focus:outline-none px-2"
-      {...inputProps}
-    />
-  )
+export const TextField = forwardRef(
+  (
+    { label, error, className, ...inputProps }: TextFieldProps,
+    ref: React.ForwardedRef<HTMLInputElement>
+  ) => {
+    let variant = 'bg-white border-gray-200 focus:border-blue-400'
+    if (error)
+      variant =
+        'bg-red-50 border-red-200 focus:border-red-400 focus:ring-red-100'
 
-  let errorElm = null
-  if (error) errorElm = <div>{error}</div>
+    const input = (
+      <input
+        className={`block border rounded-md h-10 w-full  focus:ring-2 focus:outline-none px-2 ${variant}`}
+        {...inputProps}
+        ref={ref}
+      />
+    )
+
+    let errorElm = null
+    if (error) errorElm = <div className="text-red-800">{error}</div>
+
+    if (label) {
+      return (
+        <label className={`block my-4 ${className}`}>
+          <span className="block text-xs uppercase font-semibold mb-1">
+            {label}
+          </span>
+          {input}
+          {errorElm}
+        </label>
+      )
+    }
 
-  if (label) {
     return (
-      <label className={`block my-4 ${className}`}>
-        <span className="block text-xs uppercase font-semibold mb-1">
-          {label}
-        </span>
+      <div className={className}>
         {input}
         {errorElm}
-      </label>
+      </div>
     )
   }
-
-  return (
-    <div className={className}>
-      {input}
-      {errorElm}
-    </div>
-  )
-}
+)
 
 export const Submit = (props: React.InputHTMLAttributes<HTMLInputElement>) => {
   return (
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index f50641e3..4170a31a 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -1,9 +1,17 @@
 import { defineConfig } from 'vite'
 import reactRefresh from '@vitejs/plugin-react-refresh'
+import { babel } from '@rollup/plugin-babel'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [reactRefresh()],
+  plugins: [
+    reactRefresh(),
+    // babel({
+    //   babelHelpers: 'bundled',
+    //   exclude: 'node_modules/**',
+    //   extensions: ['.js', '.jsx', '.ts', '.tsx'],
+    // }),
+  ],
   server: {
     port: 1234,
   },