Chore(web-react): Use exports and imports field

[literat]

Description

Refactor entry points of the web-react package. Use the modern exports field instead of the main, module, types.

Also, I have discovered some kind of Node.js imports magic using the imports field. Which is respected by TypeScript, Jest and other tools, so can be used for aliasing the paths. The # is mandatory.

Additional context

• https://2ality.com/2025/02/typescript-esm-packages.html
• https://nodejs.org/api/packages.html#imports

Issue reference

[netlify]

✅ Deploy Preview for spirit-design-system-storybook ready!

Name	Link
🔨 Latest commit	1b8e597
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/67b6fcf8b0b56200087d0b47
😎 Deploy Preview	https://deploy-preview-1943--spirit-design-system-storybook.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 site configuration.

[netlify]

✅ Deploy Preview for spirit-design-system ready!

Name	Link
🔨 Latest commit	1b8e597
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/67b6fcf8183ff400081b6bee
😎 Deploy Preview	https://deploy-preview-1943--spirit-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 96 (no change from production) Accessibility: 91 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.