dark map fixes

.gitignore

@@ -4,6 +4,7 @@ yarn.lock
 package-lock.json
 public
 .cache
-src/components/svg
 plugins/gatsby-redirect-from
 coverage
+.env
+.env.development

src/components/atoms/Exif.module.scss

@@ -63,4 +63,12 @@
 
   overflow: hidden;
   height: 220px;
+
+  img {
+    border-radius: 0 !important;
+  }
+
+  > div:first-child {
+    background: none !important;
+  }
 }

src/components/atoms/ExifMap.tsx

@@ -3,10 +3,7 @@ import Map from 'pigeon-maps'
 import Marker from 'pigeon-marker'
 import useDarkMode from 'use-dark-mode'
 
-const MAPBOX_ACCESS_TOKEN =
-  'pk.eyJ1Ijoia3JlbWFsaWNpb3VzIiwiYSI6ImNqbTE2NHpkYjJmNm8zcHF4eDVqZzk3ejEifQ.1uwPzM6MSTgL2e1Hxcmuqw'
-
-const mapbox = (mapboxId: string, accessToken: string) => (
+const mapbox = (mapboxId: string) => (
   x: string,
   y: string,
   z: string,
@@ -14,11 +11,11 @@ const mapbox = (mapboxId: string, accessToken: string) => (
 ) =>
   `https://api.mapbox.com/styles/v1/mapbox/${mapboxId}/tiles/256/${z}/${x}/${y}${
     dpr >= 2 ? '@2x' : ''
-  }?access_token=${accessToken}`
+  }?access_token=${process.env.GATSBY_MAPBOX_ACCESS_TOKEN}`
 
 const providers = {
-  light: mapbox('light-v10', MAPBOX_ACCESS_TOKEN),
-  dark: mapbox('dark-v10', MAPBOX_ACCESS_TOKEN)
+  light: mapbox('light-v10'),
+  dark: mapbox('dark-v10')
 }
 
 export default function ExifMap({