Add privacy policy link (#546) (#547)

Co-authored-by: Samuel Plumppu <[email protected]>

components/Footer/FooterNewsletterForm.tsx

@@ -2,8 +2,10 @@ import { useState, FC, useEffect } from 'react'
 import styled from 'styled-components'
 import { useTranslation } from 'next-i18next'
 import { EmailFormFields } from 'react-mailchimp-subscribe'
+
 import { H5, Paragraph } from '../Typography'
 import { devices } from '../../utils/devices'
+import Markdown from '../Markdown'
 
 const Container = styled.div`
   width: 100%;
@@ -47,6 +49,7 @@ const StyledForm = styled.form`
   display: flex;
   gap: 0.5rem;
   padding-bottom: 0.5rem;
+  margin: 1rem 0;
   border-bottom: 1px solid ${({ theme }) => theme.midGreen};
   justify-content: space-between;
   align-items: center;
@@ -175,6 +178,8 @@ const NewsletterForm: FC<Props> = ({ status, onValidated }) => {
             )}
           </StyledForm>
         </div>
+
+        <Markdown components={{ p: StyledParagraph }}>{t('common:footer.privacyInfo')}</Markdown>
       </HorizontalContainer>
     </Container>
   )

public/locales/sv/common.json

@@ -101,6 +101,7 @@
     "developedWith": "Klimatkollen är utvecklad med [öppen källkod](https://github.com/Klimatbyran/klimatkollen) och drivs av den ideella föreningen Klimatbyrån.",
     "email-us": "Maila oss",
     "partners": "Partners",
+    "privacyInfo": "När du lämnat dina uppgifter kommer de att behandlas av Klimatbyrån ideell förening som står bakom Klimatkollen. Du har rätt till information om [hur dina personuppgifter behandlas](https://drive.google.com/file/d/1z_L2uGxb-_oMBVqxgasD03QoZp7SW2fw/view).",
     "signup-form": {
       "label": "Prenumerera på vårt nyhetsbrev",
       "info": "Med vårt nyhetsbrev får du uppdateringar om hur det går med utsläppen och omställningen direkt i din inbox.",