Nikolas/feature/598 implement new ethical ethical guidelines page

[NikolasKataja]

📄 Pull Request Overview

Closes #598

New Ethical Guidelines page, using the existing Privacy/Cookies architecture to ensure consistency across all informational pages.

🔧 Changes Made

1. Implemented new Ethical Guidelines page

• Added new route /ethical-guidelines with localized version /[lng]/ethical-guidelines
• Created new prepared page under preparedPages/EthicalGuidelinesPage
• Added _getPage.ts, page.tsx, and loading.tsx under app/[lng]/(helper)/ethical-guidelines
• Implemented EthicalGuidelinesSections and makeEthicalGuidelinesSectionsWithI18n using existing PresentationPackages structure

2. Added i18n support (Finnish & English)

• Added ethics.json for both languages
• Includes all content, sidebar titles, page title, SEO metadata (title, description, keywords, OG tags)

3. SEO & Metadata

• Added page title, description, keywords, canonical URL, and OpenGraph
• Ensures SEO parity with Privacy & Cookies pages

4. Added footer link

• Footer now also includes link to Ethical Guidelines page
• Updated Rights.tsx, styles, Storybook stories, and Jest tests
• Ensured the new link behaves consistently with existing “Privacy” and “Cookies” links (hover and layout)

---

✅ Checklist Before Submission

• Functionality: I have tested my code, and it works as expected.
• JSDoc: I have added or updated JSDoc comments for all relevant code.
• Debugging: No console.log() or other debugging statements are left.
• Clean Code: Removed commented-out or unnecessary code.
• Tests: Added new tests or updated existing ones for the changes made.
• Documentation: Documentation has been updated (if applicable).

---

📝 Additional Information

UI Notes

• Figma design showed a single-column layout, but I understood the issue as explicitly requesting the same section-based architecture as the Cookies/Privacy pages
• I chose to follow the existing section layout to maintain UX consistency across all informational pages

Screenshots

Desktop:

---

Mobile:

---

Footer:

[Skoivumaki]

Apparently review message didnt go through. You dont need to update/create stories or tests. You can simply disable/remove them.
Other than that, code looks clean and professional.
Note: Didnt review in IDE.

[Skoivumaki]

Issues resolved. Good work 👍

[Rutjake]

Good work. I noticed that the page-specific mobile menu is missing, but it hasn't been done in Figma either.