fix: enable scrolling to bottom on detail pages on mobile

[joekiller]

Two root causes prevented scrolling to the bottom of detail pages
(e.g. Eggs, Pets) on mobile browsers when content was only slightly
taller than the visible viewport:

1. CollectionsLayout used 100vh for the inner window on mobile.
   On Android/iOS, 100vh includes browser chrome (address bar +
   nav buttons), so when content fills 100vh but not the actual
   visible area, the scrollable range is too small to reach the
   chrome-hide threshold leaving the bottom content permanently
   obscured. Changed to 100dvh (Dynamic Viewport Height), which
   always equals the current visible area and adjusts as chrome
   shows or hides.

2. Every detail component (EggsComponent, PetsComponent, etc.) sets
   height: 100% on its root div. That resolves against the scroll
   container clientHeight, clamping the component layout box to that
   fixed height. Overflowing content (overflow: visible) may not
   register in the scroll container scrollHeight across all browsers,
   making the page appear non-scrollable. Added a plain div wrapper
   inside the scroll container in DynamicCollectionConfigData: since
   the wrapper has no explicit height, child components height: 100%
   resolves to auto (natural content height), so scrollHeight
   correctly reflects full content.

Affects all detail routes (/collections/:collection/:item).

Co-Authored-By: Claude Sonnet 4.6 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01Tp4RJb9XQn3JzDFu2Fnht4

[github-actions]

🎉 This PR is included in version 2.9.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀