Desktop refinements, PageLoading and branded Progress

[malessani]

Closes #1198

What I did

This pull request introduces several improvements and fixes across the UI components and hooks, focusing on overlay behavior, avatar and heading rendering, progress styling, and localization. The most significant changes are grouped below:

Overlay and Modal Improvements

• Added an initialOpen option to the useOverlay hook and its options interface, enabling overlays (such as route-driven drawers) to render already open on the first paint. This prevents UI flicker when navigating directly to a route that should display an overlay. Tests were added to verify this behavior.
• Updated the order display status for approved but not yet captured payments to show a more accurate status ("Awaiting capture") and corresponding task, including localization keys.

UI Component Enhancements

• AvatarLetter now supports a size prop (medium or large), with appropriate class names to prevent squashing when used as a flex child. Tests were added to verify sizing.
• PageHeading navigation button now supports a variant prop (inline or button), allowing it to render as a secondary button (used in drawers) or as an inline icon. Tests ensure correct rendering and accessibility.
• Minor badge style adjustment: changed from rounded-xs to rounded for consistency.

Styling and Theming

• Progress bar styling updated: improved track appearance, ensured compatibility with Chrome, and switched progress color from bg-primary to bg-brand.

Exports and Deprecations

• Exported PageLoading and deprecated PageSkeleton in favor of PageLoading. Updated usage in TokenProvider to use PageLoading. Also exported resource list utility functions.

These changes collectively improve the user experience, accessibility, and maintainability of the UI components and hooks.

How to test

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests).
• Make sure to add/update documentation regarding your changes.
• You are NOT deprecating/removing a feature.

[netlify]

✅ Deploy Preview for commercelayer-app-elements ready!

Name	Link
🔨 Latest commit	99ca58e
🔍 Latest deploy log	https://app.netlify.com/projects/commercelayer-app-elements/deploys/6a7f286655af2100087290c7
😎 Deploy Preview	https://deploy-preview-1197--commercelayer-app-elements.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 project configuration.

[pkg-pr-new]

npm i https://pkg.pr.new/commercelayer/app-elements/@commercelayer/app-elements@1197

commit: 99ca58e