fix: v2.0 can not zoom (#492)

* This commit do these things,
cause react update to 18 there is a serious bug for
react-map-gl, so we deside to update it to v7.
for v7 there's a lot of break change, we fix them as follows:
- bring mapbox css to the file.
- change the api that break
- add two packages in it to fit the change
- change viewport name to viewState to fit the api change

* fix: git ignore

* style:
* line blur to smooth
* mapStyle using dark-v10 to solve the language problem
* FullscreenButton style fix

---------

Co-authored-by: ben_29 <[email protected]>

.vercelignore

@@ -0,0 +1 @@
+requirements.txt  

package.json

@@ -15,12 +15,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet-async": "^1.3.0",
-    "react-map-gl": "^5.1.22",
+    "react-map-gl": "^7.1.6",
     "react-router-dom": "^6.15.0",
     "sass": "^1.52.3",
     "sass-mq": "^6.0.0",
     "tachyons": "^4.12.0",
     "tachyons-sass": "git+https://github.com/tachyons-css/tachyons-sass.git",
+    "viewport-mercator-project": "^7.0.4",
     "vite": "^4.3.9",
     "vite-plugin-svgr": "^3.2.0",
     "vite-tsconfig-paths": "^4.2.0"