feat: update icon size options and stroke width

[YounixM]

1. Update icon size options and stroke width handling in SVGR template
2. Add docs

[Copilot]

Pull request overview

This PR updates the icon sizing system to include more granular presets and adds automatic stroke width scaling. The changes shift to smaller base sizes (xs is now 10px instead of 16px) and introduce a new xxxl preset at 24px. Each size preset now has an associated stroke width to maintain visual consistency across sizes.

Changes:

• Added xxxl size preset and updated all size presets to smaller pixel values (xs: 16px→10px, sm: 18px→12px, md: 20px→14px, lg: 22px→16px, xl: 24px→18px, xxl: 28px→20px, xxxl: 24px new)
• Introduced automatic stroke width mapping based on size presets with ~12:1 ratio
• Added comprehensive documentation page explaining fixed size presets and custom sizing

Reviewed changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
svgr-template.js	Added xxxl to IconSize type, updated ICON_SIZE_MAP values, added STROKE_WIDTH_MAP, and implemented automatic stroke width resolution based on size preset
stories/Icons.stories.tsx	Updated IconSizePreset type and dropdown options to reflect new size values and xxxl option; improved documentation reference
stories/Docs.mdx	New documentation page with installation instructions, usage examples, preset reference table, and custom sizing guidance
.storybook/main.ts	Added Docs.mdx as first story for sidebar ordering (with unintentional quote style reformatting)
.gitignore	Added storybook-static build output directory

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.