Guide generator (#231)

* Replace sw, sns battlesuit images

* Add gen guide page

* Make supports configurable

* Extract DifficultySelect & Improve Ex Signet Ordering style

* Extract BattlesuitSelect

* Use BattlesuitSelect for support valk

* Swap support if duplicated

* Add sigil selector

* Set initial ex signets

* Change layout

* Add sigil icon to single value

* Add equipment select

* Fix difficulty box label

* Implement SignetBox

* Add Signet form control

* Improve rendering perf of stigma and weapon select

* Implement image converter

* Fix signet select

* Remove FontHead

* Remove wrong new line

* Fix warnings

* Add custom style configurator

* Make labels of DiffucltyBox and ValkBox configurable

* Add background and improve layout

* Improve ex signet fontsize

* Style boundaries of left bottom boxes

* Apply fonts directly

* Style signet box

* Add Signet group label

* Style ValkBox

* Add support valk label

* Style layout of SignetBox

* Add shadow to difficulty box

* Add sigil label

* Adjust signet group label

* Add equipment label

* Configure colors of left bottom boxes

* Add tag, rank, signature

* Add icon to current value of battlesuit select

* Adjust form styles

* Add signet group select

* Implement import/export data

* Fix dashed border of difficulty box

* Add gen link to elysian realm home

* Prefix types

package.json

@@ -4,9 +4,14 @@
   "description": "",
   "main": "index.js",
   "dependencies": {
+    "@dnd-kit/core": "^6.0.5",
+    "@dnd-kit/sortable": "^7.0.1",
+    "@dnd-kit/utilities": "^3.2.0",
     "@mdi/js": "^6.5.95",
     "@mdi/react": "^1.5.0",
+    "@types/file-saver": "^2.0.5",
     "date-fns": "^2.27.0",
+    "html-to-image": "^1.10.6",
     "next": "^12.1.6",
     "next-i18next": "^10.1.0",
     "nprogress": "^0.2.0",
@@ -15,6 +20,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-indiana-drag-scroll": "^2.1.0",
+    "react-select": "^5.4.0",
     "theme-ui": "^0.12.1",
     "yaml": "^2.1.1"
   },
@@ -26,6 +32,7 @@
     "cheerio": "^1.0.0-rc.10",
     "eslint": "8.5.0",
     "eslint-config-next": "12.0.7",
+    "file-saver": "^2.0.5",
     "filenamify": "^4.3.0",
     "http-server": "^14.1.0",
     "node-fetch": "^2.6.7",
@@ -37,7 +44,7 @@
   "scripts": {
     "dev": "run-p dev:web dev:assets",
     "dev:web": "next dev -p 4000",
-    "dev:assets": "http-server assets -p 4001 -s",
+    "dev:assets": "http-server assets -p 4001 -s --cors",
     "build": "npm run compile:novels && next build",
     "start": "next start",
     "lint": "next lint",