Refactor Privacy Page

[gsambrotta]

We need to refactor the Term page. Mostly the code but also give a slightly nicer design.
https://elliotforwater.com/privacy

Tasks:

• Make the /privacy.tsx page follow the code standard of the rest of the application, using Css Module, remove
  and add proper padding, add .divider under relevant H2.
• Decided where makes sense to use h2, where h3 and where something else based on importance and look of the text/page
• Fix translations: Brings all text to the translation file in locales/ and give to the translation strings proper name.
• Fix typo where there are any.
• remove class old_container with a new one, defined in Css Module file.

[sarahsalder]

hi @gsambrotta -- what is meant by "give translation strings proper name"? Is there a new naming convention you want to stick to?

[gsambrotta]

Hey @sarahsalder thanks for the interest!
What I mean is to give a good naming to the string. Right now the translation string in the privacy page are:
privacy:p1, privacy:subtitle2, privacy:p4_a
Would be great, once the text is reformatted, to have a bit more meaningful names, for examples:
privacy:intro_title
privacy:intro_text
privacy:policy

Does this make sense?

[jmutt78]

Hi, I would like to give this one a try

[gsambrotta]

Hi @jmutt78 you are very welcome to pick this one!! Thank you for interest in Elliot.
Maybe can be helpful to you to see this PR: #127
To take inspiration or see some of the comments.
In case you didn't see yet, on our wiki you can find our coding guidelines and contributor workflow.

[jmutt78]

@gsambrotta sounds good! thank you!

[gsambrotta]

I'm gonna close this issue since it was don ein PR #145