fix: improve package page skeleton loading state

[danielroe]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 6, 2026 10:38pm

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

This change restructures the Package skeleton component from a monolithic layout to a responsive, grid-based design. The header, description, installation, vulnerabilities, readme, and sidebar sections are now managed as distinct grid areas with responsive breakpoints for mobile, tablet, and desktop viewports. Translation keys are updated throughout to reflect new naming conventions. The layout introduces improved organisation with area-header, area-details, area-install, area-vulnerabilities, area-readme, and area-sidebar sections. Additional placeholders are added for charts, keywords, and maintainers.

🚥 Pre-merge checks | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The pull request lacks any author-provided description, making it impossible to evaluate the intended purpose or scope of the changes.	Add a detailed pull request description explaining the changes, their purpose, and any relevant context or motivation for the modifications.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/skeleton

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1