feat: implement data import&export (#410)

package.json

@@ -8,6 +8,7 @@
     "@headlessui/react": "^1.7.13",
     "@headlessui/tailwindcss": "^0.1.2",
     "@heroicons/react": "^2.0.17",
+    "@radix-ui/react-progress": "^1.0.2",
     "@radix-ui/react-slider": "^1.1.1",
     "@tabler/icons-react": "^2.16.0",
     "@tailwindcss/postcss7-compat": "^2.2.17",
@@ -15,6 +16,7 @@
     "classnames": "^2.3.2",
     "dayjs": "^1.11.7",
     "dexie": "^3.2.3",
+    "dexie-export-import": "^4.0.7",
     "dexie-react-hooks": "^1.1.3",
     "eslint": "^8.35.0",
     "file-saver": "^2.0.5",
@@ -23,6 +25,7 @@
     "immer": "^9.0.21",
     "jotai": "^2.0.3",
     "mixpanel-browser": "^2.45.0",
+    "pako": "^2.1.0",
     "postcss": "^8.4.21",
     "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
@@ -63,6 +66,7 @@
     ]
   },
   "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/file-saver": "^2.0.5",
     "@types/howler": "^2.2.3",
     "@types/mixpanel-browser": "^2.38.1",
@@ -71,7 +75,7 @@
     "@types/react-dom": "^18.0.11",
     "@types/react-router-dom": "^5.1.7",
     "@vitejs/plugin-react": "^3.1.0",
-    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
+    "@types/pako": "^2.0.0",
     "cross-env": "^7.0.3",
     "eslint-config-prettier": "^8.7.0",
     "eslint-config-react-app": "^7.0.1",