fix: remove deckgl, remove rain layer

package.json

@@ -31,7 +31,6 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@danmarshall/deckgl-typings": "4.9.28",
     "@saithodev/semantic-release-backmerge": "4.0.1",
     "@storybook/addon-actions": "^7.6.10",
     "@storybook/addon-essentials": "^7.6.10",
@@ -77,7 +76,6 @@
     "@supabase/auth-helpers-react": "0.4.2",
     "d3": "6.7.0",
     "date-fns": "3.3.1",
-    "deck.gl": "8.9.34",
     "focus-trap-react": "10.2.3",
     "history": "4.10.1",
     "lodash.debounce": "4.0.8",

src/components/Legend/MapLayersLegend.tsx

@@ -150,17 +150,6 @@ const MapLayerLegend: FC = () => {
             <LegendRadio checked={visibleMapLayer === 'pumps'} />
             <StyledItemLabel>{content.legend.pumps}</StyledItemLabel>
           </FlexRowFit>
-          <FlexRowFit
-            $isActive={visibleMapLayer === 'rain'}
-            onClick={() => {
-              setVisibleMapLayer('rain');
-            }}
-          >
-            <LegendRadio checked={visibleMapLayer === 'rain'} />
-            <StyledItemLabel>
-              {content.legend.precipitationAreas}
-            </StyledItemLabel>
-          </FlexRowFit>
         </RadiosParent>
       </FlexColumnLast>
     </LegendDiv>

src/components/Overlay/index.tsx

@@ -12,10 +12,10 @@ const StyledWrapper = styled.div`
   position: relative;
   overflow-y: auto;
   background-color: white;
-  box-shadow: ${p => p.theme.boxShadow};
+  box-shadow: ${(p) => p.theme.boxShadow};
   z-index: 3;
 
-  @media screen and (max-width: ${p => p.theme.screens.tablet}) {
+  @media screen and (max-width: ${(p) => p.theme.screens.tablet}) {
     width: 100%;
     height: 100%;
     box-shadow: none;
@@ -40,6 +40,9 @@ const StyledOverlayWrapper = styled.div`
   height: 100vh;
   display: flex;
   align-items: center;
+  position: fixed;
+  top: 0;
+  left: 0;
 `;
 
 const Wrapper = styled.div`