[Draft] Enhance Publication Page: New Filters, and Layout improvements fixes

[richarddushime]

Description

Add types in order
add focus areas
add colors match
New Filter shortcode
Minimized whitespace, reduced font sizes, and tightened padding for a more information-dense layout.

Type of Change

• Documentation/Contents/grammar update
• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• Tested Locally
• Manual review / previewed on staging.forrt.org content/webpage changes

Checklist for Content Editors and Non-Developers

• The content is clear, accurate, and follows community guidelines.
• All updated content has been previewed on the staging site.
• All links, references, and formatting have been checked for correctness.
• The change aligns with the overall style and communication goals.
• No broken links in text/content

Checklist for Developers:

• I have attempted to stay aligned to related code in this repository rather than reinventing the wheel.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.

Additional Notes

[github-actions]

👍 All image files/references (if any) are in webp format, in line with our policy.

[LukasWallrich]

✅ Staging Deployment Status

This PR has been successfully deployed to staging as part of an aggregated deployment.

Deployed at: 2026-01-01 01:41:41 UTC
Staging URL: https://staging.forrt.org

The staging site shows the combined state of all compatible open PRs.