Redesign toast UX: compact layout, progress bar, title-only mode ...

- Replace heavy colored header strip with inline icon+title header
- Add thin bottom progress bar showing remaining lifetime
- Support title-only compact single-line toasts (no text = no body padding)
- Increase tinted background opacity from 0.06 to 0.18 for visibility
- Fix vanilla toast defaults: all variants now use lifetime=4000, alone=true
- Add demo buttons for title-only variants in both vanilla and Vue demos
- Remove hover effect from toast close button
- Adjust close button position (top: 5px) and progress bar margin (1px)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

v0.3.0 — GnUserCard, NavigationShell footer slot, Vue demo partials ...

Features:
- Add GnUserCard Vue component with compact and full variants
- Add GnNavigationShell #footer slot for custom footer content
- Add profile footer demo in navigation-shell section
- Split demo/vue.html into 27 partials under demo/partials/vue/
- Fix toast open animation (nextTick + requestAnimationFrame pattern)

Style:
- Add .user-card and .user-card-compact to _cards.scss
- Add .profile-identity to _navigation-shell.scss

Docs:
- Add demo synchronization rules to CLAUDE.md

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Fix demo navigation to rely only on URL hash ...

Removed scroll-based active-section detection. Navigation now uses
`hashchange` event and `window.location.hash` exclusively, preventing
cross-tab state leakage.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Replace code-example-copy with standard btn-icon ...

All copy buttons inside `.code-example` blocks now use `.btn-icon.btn-icon-sm`
with a Phosphor `ph-copy` icon instead of the old text-based `.code-example-copy`.

Updated `code-examples.js` to swap the icon to `ph-check` for 1.2 s after copy,
matching the behaviour of `GnCopyButton`.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Ensure every icon carries the base `ph` class ...

- `iconNode()` in `src/vue/utils.js` now always prepends `ph` to the
  generated <i> class list, guaranteeing the base Phosphor font-family.
- Fix all raw HTML/JS spinners that used `ph-bold ph-spinner` without
  the base `ph` class: buttons demo, helper.js loading states.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Add tabs component and refresh modal/logo UI

Add navigation shell component

Add date time form controls

Add file upload previews

Fix accordion animation cleanup

Add terminal motion interactions

Add drawer and confirm dialog docs

Tech

Add data pattern components

Add navigation overlays components

Generalize UI kit branding

Scaffold GNexus UI kit