Liisa/chore/617 update cookie banner and legal pages guidelines

[davylis]

📄 Pull Request Overview

Closes #617

🔧 Changes Made

1. Updated cookie banner to match new banner guidelines

2. Modified localization files i18n privacy.json and cookie.json to match privacy and ccokie guidlines(without ethnical documantation)

---

✅ Checklist Before Submission

• Functionality: Tested at /cookies and /privacy
• JSDoc: I have added JSDoc comments to CookieConsentV3.tsx
• Debugging: Clean
• Clean Code: Clean
• Tests: N/A
• Documentation: N/A

---

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

• Screenshots:

• Dependencies: None
• Known Issues: No ethnical guidlines yet

[Rutjake]

Great work on this overall! The implementation is looking solid, but I spotted a couple of things that could use a bit of polish before we merge:

First, we’re seeing some layout issues on mobile and tablet. On mobile, the CookieConsent text is partially hidden behind the buttons, and on tablet, the modal overflows at the bottom, making some content invisible. To help catch these across all breakpoints, I’d highly recommend using the Responsively App, it’s great for seeing how the layout behaves on multiple screens at once.

Also, there’s a small formatting inconsistency in cookies.json. Some list items have a space after the bullet points while others don't. It would be great to standardize these to match the style in privacy.json. Even though this concept is getting an update soon, it’s best to keep the data clean while we’re already touching the code.

[Rutjake]

Good job, the most important things have been highlighted. This will be redesigned in the future as content and features change.

[Skoivumaki]

Remove padding-right on mobile. Its causing content to be off-center. I also noticed the text is not center aligned on Firefox, but looks correct on Responsively? 🤔