Chore: Deprecate resources page

src/App.js

@@ -9,7 +9,6 @@ import {Route, Redirect, Switch, useLocation} from 'react-router-dom';
 const Home = lazy(() => retry(() => import('./components/Home')));
 const About = lazy(() => retry(() => import('./components/About')));
 const State = lazy(() => retry(() => import('./components/State')));
-const Resources = lazy(() => retry(() => import('./components/Resources')));
 const LanguageSwitcher = lazy(() =>
   retry(() => import('./components/LanguageSwitcher'))
 );
@@ -37,12 +36,6 @@ const App = () => {
       displayName: 'About',
       showInNavbar: true,
     },
-    {
-      pageLink: '/resources',
-      view: Resources,
-      displayName: 'Resources',
-      showInNavbar: true,
-    },
     {
       pageLink: '/state/:stateCode',
       view: State,

src/App.scss

@@ -4487,64 +4487,6 @@ footer {
   }
 }
 
-.Resources {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 4rem;
-  margin-top: 2rem;
-  min-height: 100vh;
-
-  .heading {
-    color: $dark;
-    font-size: 17.5px;
-    margin-bottom: 2rem;
-  }
-
-  .banner {
-    background: $blue-light;
-    color: $blue;
-    font-size: 14px;
-    line-height: 1.5;
-    margin-bottom: 2rem;
-    padding: 1rem;
-    width: 30rem;
-  }
-
-  .resources {
-    display: flex;
-    flex-direction: column;
-    width: 30rem;
-
-    .resource {
-      border-radius: 0.25rem;
-      padding: 1rem;
-      text-decoration: none;
-      width: 100%;
-
-      .link {
-        color: $blue;
-        font-size: 14px;
-        margin: 0;
-        width: 100%;
-        word-wrap: break-word;
-      }
-
-      .title {
-        color: $dark;
-        font-size: 14px;
-        font-weight: 600;
-        margin-bottom: 0.25rem;
-      }
-
-      &:hover {
-        background: $gray-hover;
-        cursor: pointer;
-      }
-    }
-  }
-}
-
 @media (min-width: 769px) {
   .Home,
   .State {
@@ -4961,22 +4903,6 @@ footer {
     }
   }
 
-  .Resources {
-    margin-top: 1rem;
-
-    .banner {
-      width: calc(100% - 5rem);
-    }
-
-    .resources {
-      width: calc(100% - 5rem);
-
-      .resource {
-        width: calc(100% - 2rem);
-      }
-    }
-  }
-
   .MapSwitcher {
     .highlight,
     .clickable {
@@ -5350,20 +5276,6 @@ footer {
       }
     }
   }
-
-  .Resources {
-    .heading {
-      color: $gray;
-    }
-
-    .resources {
-      .resource {
-        .title {
-          color: $gray;
-        }
-      }
-    }
-  }
 }
 
 // Animation Support

src/components/Navbar.js

@@ -7,7 +7,7 @@ import {
 import locales from '../i18n/locales.json';
 
 import {useState, useCallback, useRef} from 'react';
-import {Book, HelpCircle, Home, Moon, Sun, Phone} from 'react-feather';
+import {Book, HelpCircle, Home, Moon, Sun} from 'react-feather';
 import {useTranslation} from 'react-i18next';
 import {Link} from 'react-router-dom';
 import {useTransition, animated} from 'react-spring';
@@ -91,11 +91,6 @@ function Navbar({pages, showLanguageSwitcher, setShowLanguageSwitcher}) {
                 <HelpCircle {...activeNavIcon('/about')} />
               </span>
             </Link>
-            <Link to="/resources">
-              <span>
-                <Phone {...activeNavIcon('/resources')} />
-              </span>
-            </Link>
             <span>
               <SunMoon {...{darkMode}} />
             </span>