fix(special): align most linked pages list layout

[andriypolanski]

Summary

Align the Most linked pages special page list layout so article titles and link counts are easier to scan.

Changes in src/pages/wiki/special/mostlinkedpages.astro:

• Switch the ranked list from <ol> to <ul> (unordered list, no numbered markers).
• Left-align each article title with the page heading by removing extra list indentation (padding-left: 32px → padding: 0).
• Right-align each inbound-link count on the same row using flexbox (margin-left: auto on .mw-ml-count).

Affected route: /wiki/special/mostlinkedpages/

This is a website-only UI change in this repository. No article/content changes from taopedia-articles are included, consistent with the repo split described in README.md.

Why This Should Ship

The Most linked pages page is a navigation surface for the most-referenced articles across Taopedia. The previous layout indented the list away from the page title and did not clearly separate article names from link counts. The updated layout matches the intended reading pattern: article name on the left, link count on the right, aligned with the page heading.

Ranking data is unchanged. The page still uses buildMostLinkedPages() from scripts/most-linked.js, the same source as /wiki/special/mostlinkedpages.json.

Review Notes

Per CONTRIBUTING.md:

• Target branch: test (not main).
• Scope: focused styling/layout change only; no new routes, dependencies, or generated data changes.
• Theme tokens: uses existing CSS custom properties (--border-color-subtle, --color-base-subtle); no hardcoded light/dark colors.
• Visual evidence: include before/after screenshots at a standard desktop viewport (for example 1280px wide) showing:
  • Before: ordered/indented list layout on /wiki/special/mostlinkedpages/
  • After: unordered list with left-aligned titles and right-aligned link counts, aligned with the Most linked pages heading

Validation

npm run dev
# Open http://localhost:4321/wiki/special/mostlinkedpages/

npm run build
npm run test:most-linked

Existing regression checks in scripts/check-most-linked.js still match the same row markup (mw-ml-row, mw-ml-title, mw-ml-count); only list semantics and CSS changed.

Target Branch

• This PR targets test
• This PR targets main only because it promotes test to production

Security Checklist

• No secrets, tokens, build hooks, wallet seeds, or private endpoints are included
• No unnecessary workflow, dependency, or deployment changes

Test Plan

• Open /wiki/special/mostlinkedpages/ locally and confirm the list is an unordered list (no numbers).
• Confirm article titles are left-aligned with the Most linked pages heading.
• Confirm link counts are right-aligned on each row.
• Click an article title and a link count; both still route to the article page and backlinks page respectively.
• Run npm run test:most-linked after npm run build.
• Attach before/after screenshots in the GitHub PR description before requesting review.

[taopedia-site-maintainer]

Verdict: Close

PR #1963: fix(special): align most linked pages list layout

This PR changes UI, layout, styling, responsive behavior, or interaction behavior, but the PR description does not clearly include before/after author-provided screenshots or a short screen recording.

Visual PRs need evidence in the PR description so the maintainer can review the change quickly and reliably. A deploy preview link alone is not enough.

Required evidence for resubmission:

• Page URL.
• Viewport width, especially for responsive changes.
• Action taken, for interaction changes.
• Expected before behavior.
• Expected after behavior.
• Screenshots for static visual changes, or a short video/GIF for interaction changes.

Changed files:

• src/pages/wiki/special/mostlinkedpages.astro

CI: No visible GitHub checks yet.

Please open a new focused PR with the required evidence attached.

---

Automated review by Taopedia Site Maintainer.