bump mapbox-gl to v3 and remove attributio

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@heroicons/react": "^2.1.1",
     "graphql": "^16.8.1",
-    "mapbox-gl": "^2.15.0",
+    "mapbox-gl": "^3.0.1",
     "next": "14.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/app/globals.css → src/app/globals.scss

@@ -11,3 +11,7 @@ body {
   height: 100vh;
   background: rgb(var(--background-color));
 }
+
+.mapboxgl-ctrl-logo {
+  display: none !important;
+}

src/app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 import { Roboto } from "next/font/google";
 import { Footer, Header } from "@/components";
 import "react-modal-global/styles/modal.scss";
-import "./globals.css";
+import "./globals.scss";
 
 const roboto = Roboto({
   weight: ["300", "400", "500", "700"],

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import Image from "next/image";
 import Link from "next/link";
-import { Map, MapProvider, NavigationControl } from "react-map-gl";
+import { Map, MapProvider } from "react-map-gl";
 import "mapbox-gl/dist/mapbox-gl.css";
 
 export default function Home() {
@@ -10,6 +10,7 @@ export default function Home() {
       <Map
         id="quizMap"
         mapboxAccessToken="pk.eyJ1IjoibWFyY29lc2NhbGVpcmFkbXUiLCJhIjoiY2xwN29ldHIwMG16bjJxbXJhZXc5dXUxOSJ9.ZP0gYeYBB-nL5py2RANUOw"
+        attributionControl={false}
         initialViewState={{
           longitude: 5,
           latitude: 46,
@@ -42,8 +43,6 @@ export default function Home() {
             </Link>
           </div>
         </section>
-
-        <NavigationControl position="bottom-right" showCompass />
       </Map>
     </MapProvider>
   );

yarn.lock

@@ -704,6 +704,11 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+cheap-ruler@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/cheap-ruler/-/cheap-ruler-3.0.2.tgz#60d2b3a0cb77a420472c8c5bb8f2c320fba4bb87"
+  integrity sha512-02T332h1/HTN6cDSufLP8x4JzDs2+VC+8qZ/N0kWIVPyc2xUkWwWh3B2fJxR7raXkL4Mq7k554mfuM9ofv/vGg==
+
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
@@ -1991,10 +1996,10 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-mapbox-gl@^2.15.0:
-  version "2.15.0"
-  resolved "https://registry.yarnpkg.com/mapbox-gl/-/mapbox-gl-2.15.0.tgz#9439828d0bae1e7b464ae08b30cb2e65a7e2256d"
-  integrity sha512-fjv+aYrd5TIHiL7wRa+W7KjtUqKWziJMZUkK5hm8TvJ3OLeNPx4NmW/DgfYhd/jHej8wWL+QJBDbdMMAKvNC0A==
+mapbox-gl@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mapbox-gl/-/mapbox-gl-3.0.1.tgz#1ab68cee520d727b495b94889d2137f2a8c9cde1"
+  integrity sha512-o7C6sAlj6Hkdd4xQVEgQflgJYNYyZOAtYahhIOb9m8chI8umtWcCp8Ie0iGLYJvce1WHRMa3WGzs69ggwuWlDA==
   dependencies:
     "@mapbox/geojson-rewind" "^0.5.2"
     "@mapbox/jsonlint-lines-primitives" "^2.0.2"
@@ -2004,6 +2009,7 @@ mapbox-gl@^2.15.0:
     "@mapbox/unitbezier" "^0.0.1"
     "@mapbox/vector-tile" "^1.3.1"
     "@mapbox/whoots-js" "^3.1.0"
+    cheap-ruler "^3.0.1"
     csscolorparser "~1.0.3"
     earcut "^2.2.4"
     geojson-vt "^3.2.1"