Reduce use of red in styling

Overview buttons now have black text. Sponsor menu arrows are now black. Links in footer has white underline on hover, otherwise nothing.

Resolves: GREG-15

frontend/src/routes/components/footer.tsx

@@ -58,6 +58,14 @@ const LogoSection = styled('div')(({ theme }) => ({
   padding: '1rem 0 1rem 2rem',
 }))
 
+const StyledLink = styled(Link)({
+  color: 'white',
+})
+
+StyledLink.defaultProps = {
+  underline: 'hover',
+}
+
 const LogoContainer = styled('div')({})
 
 function Footer() {
@@ -70,31 +78,31 @@ function Footer() {
         <LinkContainer>
           <LinkSection>
             <LinkHeader>{t('footer:link.terms.header')}</LinkHeader>
-            <Link href={ITRulesLink} sx={{ color: 'white' }}>
+            <StyledLink href={ITRulesLink}>
               {t('footer:link.terms.ITRules')}
-            </Link>
-            <Link href={privacyPolicyLink} sx={{ color: 'white' }}>
+            </StyledLink>
+            <StyledLink href={privacyPolicyLink}>
               {t('footer:link.terms.privacy')}
-            </Link>
+            </StyledLink>
           </LinkSection>
 
           <LinkSection>
             <LinkHeader>{t('footer:link.help.header')}</LinkHeader>
-            <Link href={helpLink} sx={{ color: 'white' }}>
+            <StyledLink href={helpLink}>
               {t('footer:link.help.contact')}
-            </Link>
-            <Link href={documentationLink} sx={{ color: 'white' }}>
+            </StyledLink>
+            <StyledLink href={documentationLink}>
               {t('footer:link.help.doc')}
-            </Link>
+            </StyledLink>
           </LinkSection>
 
           <LinkSection>
             <LinkHeader>
               {t('footer:link.responsibleOrganization.header')}
             </LinkHeader>
-            <Link href={responsibleOrganizationLink} sx={{ color: 'white' }}>
+            <StyledLink href={responsibleOrganizationLink}>
               {responsibleOrganization}
-            </Link>
+            </StyledLink>
           </LinkSection>
         </LinkContainer>
       </InfoSection>