remove redundant font-family declarations (#1926)

Author: jicruz96

components/BillStatusCard/BillStatusCard.tsx

@@ -66,7 +66,6 @@ const StatusStyle = styled.div`
   background-color: white;
   color: black;
 
-  font-family: Nunito;
   font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;

components/ContactInfo/ContactInfo.tsx

@@ -7,7 +7,6 @@ export const Container = styled.div`
   align-items: flex-end;
   gap: 5px;
   font-size: 22;
-  font-family: Nunito;
 `
 export const Link = styled.a`
   color: inherit;

components/EditProfilePage/StyledEditProfileComponents.tsx

@@ -19,7 +19,6 @@ export const StyledTabNav = styled(Nav).attrs(props => ({
   }
 
   text-align: center;
-  font-family: Nunito;
   font-size: 1.25rem;
   color: var(--bs-dark);
 
@@ -82,7 +81,6 @@ export const TabNavItem = ({
 export const StyledDropdownNav = styled(NavDropdown).attrs(props => ({
   className: props.className
 }))`
-  font-family: Nunito;
   font-size: 1.25rem;
   width: auto;
   margin: auto;
@@ -140,7 +138,6 @@ export const StyledHr = styled.hr`
 
 export const Header = styled(Row)`
   font-size: 3rem;
-  font-family: Nunito;
   font-weight: 500;
   margin-top: 3.5rem;
   margin-bottom: 3.5rem;

components/FollowingCard/FollowingCard.tsx

@@ -20,7 +20,6 @@ const Container = styled.div`
 const Link = styled.a`
   text-decoration: none;
   color: inherit;
-  font-family: Nunito;
   font-size: 20px;
   line-height: 25px;
 `

components/Footer/Footer.tsx

@@ -24,15 +24,13 @@ const TextHeader = styled.h6`
   font-size: 1rem;
   font-weight: bold;
   color: #fff;
-  font-family: Nunito;
   padding: 0.5rem 1rem 0 0;
   margin: 0;
 `
 
 const BrowseHeader = styled(NavLink)`
   font-size: 1rem;
   color: #fff;
-  font-family: Nunito;
   padding: 0.5rem 1rem 0 0;
   margin: 0 0 10px 0;
 
@@ -50,7 +48,6 @@ const BrowseHeader = styled(NavLink)`
 
 const StyledInternalLink = styled(NavLink)`
   color: rgba(255, 255, 255, 0.55);
-  font-family: Nunito;
   letter-spacing: -0.63px;
   padding-top: 4;
   margin: 5px 0;

components/HeroHeader/HeroHeader.module.css

@@ -2,7 +2,6 @@
   color: white;
   background-color: #1a3185;
   overflow: hidden;
-  font-family: "Nunito";
 }
 
 .btncontainer {

components/Newsfeed/StyledNewsfeedComponents.tsx

@@ -19,7 +19,6 @@ export const Header = styled(Row)`
 `
 
 export const HeaderTitle = styled(Col)`
-  font-family: "Nunito";
   font-style: normal;
   font-weight: 700;
   font-size: 40px;

components/OurTeam/OurTeam.tsx

@@ -1,4 +1,3 @@
-import styled from "styled-components"
 import { useState } from "react"
 import { Col, Row, Container } from "../bootstrap"
 import Tab from "react-bootstrap/Tab"
@@ -13,7 +12,7 @@ import { useTranslation } from "next-i18next"
 export const OurTeam = () => {
   const isMobile = useMediaQuery("(max-width: 768px)")
   return (
-    <StyledContainer className="ptx-4">
+    <Container className="ptx-4">
       <Tab.Container defaultActiveKey="steering_committee">
         {isMobile ? <TabDropdown /> : <TabGroup />}
         <Row className="p-3 g-0">
@@ -32,7 +31,7 @@ export const OurTeam = () => {
           </Col>
         </Row>
       </Tab.Container>
-    </StyledContainer>
+    </Container>
   )
 }
 
@@ -112,7 +111,3 @@ const TabDropdown = () => {
     </Row>
   )
 }
-
-const StyledContainer = styled(Container)`
-  font-family: "Nunito";
-`

components/Policies/PolicyPage.module.css

@@ -1,6 +1,5 @@
 .policyContent {
   margin-top: 1rem;
-  font-family: "Nunito";
 }
 
 .sharedValues {
@@ -45,7 +44,6 @@
 }
 
 .values {
-  font-family: "Nunito";
   font-style: normal;
   font-weight: 700;
   font-size: 1rem;

components/ProfileCard.tsx

@@ -35,7 +35,6 @@ const Container = styled.div`
   margin: 20px;
   border-radius: 20px;
   color: white;
-  font-family: "Nunito";
 `
 
 const Wrapper = styled.div`