fix: APP-477 various Terrasos design tweaks

[flagrede]

Description

Closes: APP-477

Various Terrasos design tweaks:

• grid margins
• checkbox filters layout
• uppercase filter expand button
• read more project story color
• move stakeholders block and adjust spacing
• change responsive slider buttons color
• hide stakeholders if no data
• documentation table colors
• spanish translations tweaks
• terrasos logo cut off

---

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for regen-website ready!

Name	Link
🔨 Latest commit	3dd9b5b
🔍 Latest deploy log	https://app.netlify.com/sites/regen-website/deploys/673df8228a2d2f00081c5d05
😎 Deploy Preview	https://deploy-preview-2551--regen-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for terrasos ready!

Name	Link
🔨 Latest commit	3dd9b5b
🔍 Latest deploy log	https://app.netlify.com/sites/terrasos/deploys/673df822a78c8400083ef041
😎 Deploy Preview	https://deploy-preview-2551--terrasos.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[flagrede]

@erikalogie You can check out the various design tweaks here:
Projects: https://deploy-preview-2551--terrasos.netlify.app/projects/1
Project page: https://deploy-preview-2551--terrasos.netlify.app/project/C02-009

[blushi]

Looks good. Just one comment and some missing translations:

[blushi]

it should only be removed for the last filter section, not for all, see design https://www.figma.com/design/brkxGV5qNOkZUp0YQl1cxO/Terrasos-Phase-1?node-id=1204-174906&node-type=instance&m=dev

[S4mmyb]

Thanks @flagrede ! I'm noticing the logo is still a bit cut off in both the english and spanish versions. Also, and sorry i missed this one before, it looks like we have another small language tweak on the header. "Home" should actually translate to "INICIO" rather than "HOGAR" (link to line here). I think the translation worked correctly, but they just use the word start for the homepage instead - probably a regional thing.

[blushi]

LGTM

[flagrede]

@S4mmyb The logo should be good now. It was a bit tricky to get the full size while matching the exact position between the two sites since we're using an SVG and they're using several PNGs.

[erikalogie]

This looks so good, the only last thing that might be nice to add to this PR is to hide the pagination altogether if there are less than 9 projects, otherwise it is just taking up space unnecessarily. I can also open a separate task for that if you'd rather close this PR @flagrede

[flagrede]

@erikalogie It's ok, I have handled that in the PR.