Eemeli/enhancement/659/about page update

[EemeliJ]

📄 Pull Request Overview

Closes #659

🔧 Changes Made

Rebuilt the About / History page

• Reworked the page structure around the project statistics, timeline and year-based content.
• Added independent year blocks with expandable/collapsible accordion functionality.
• Added a sorting dropdown for switching between newest and oldest timeline entries.
• Added the designer credit section below the timeline.
• Implemented responsive layouts for mobile, tablet and desktop.

Internationalization and content structure

• Connected the new UI elements and timeline controls to i18n.
• Structured designer information in the locale JSON so additional designers and their links can be added without changing the component.
• Preserved the existing localized page content and metadata.

UI and interaction improvements

• Added smooth open/close transitions for timeline entries.
  Implemented responsive timeline styling and controls across different viewport sizes.
• Refined the statistics cards and timeline presentation to match the intended design.

---

✅ 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

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

• Screenshots: [Include any screenshots or videos if the changes affect the UI]

Desktop with closed entries:

Open entry in desktop:

Mobile fullsize closed: (Note: the footer and header don't actually behave like this)

Mobile fullsize with open entries:

Actual look of mobile upper and lower areas:
-Upper:

-Lower:

Ipad:
-Upper:

-Lower:

Translations:

• Dependencies: No new dependencies were added.
• Known Issues: No known functional issues.

[codecov-alt]

Codecov Report

❌ Patch coverage is 0% with 57 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
...migration/src/preparedPages/AboutPage/ui/About.tsx	0.00%	17 Missing ⚠️
...n/src/preparedPages/AboutPage/ui/TimelineEntry.tsx	0.00%	16 Missing ⚠️
...ration/src/preparedPages/AboutPage/ui/Timeline.tsx	0.00%	13 Missing ⚠️
...shared/ui/DropdownWrapperV2/ui/DropdownWrapper.tsx	0.00%	11 Missing ⚠️

Files with missing lines	Coverage Δ
...shared/ui/DropdownWrapperV2/ui/DropdownWrapper.tsx	0.00% <0.00%> (ø)
...ration/src/preparedPages/AboutPage/ui/Timeline.tsx	0.00% <0.00%> (ø)
...n/src/preparedPages/AboutPage/ui/TimelineEntry.tsx	0.00% <0.00%> (ø)
...migration/src/preparedPages/AboutPage/ui/About.tsx	0.00% <0.00%> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Casimir43]

Nice work on the About page!

[Casimir43]

One thing i noticed is that: description and keywords are still in the Props interface but are not destructed or used in the component. might wanna remove them from the interface too.
looks like it was just forgotten code.

[EemeliJ]

Good catch, looks like i forgot to remove them, i'll go ahead and do that next 👍

[Skoivumaki]

You can easily check for lint errors by using npm run lint. This way you wont miss any unused props or other errors like it 😄

[Skoivumaki]

Good work!
Some stuff:

• Make sure the first entry is open, so that the user has something to read when they land on the page.

• Although you did as in Figma design, I think it looks too crowded. Add some padding between the elements: