feat: update hatched pattern

[hugoattal]

Description

It's just to make wider stripes. I believe the thinner version looked a bit off.
I also took the chance of doing it in CSS instead of SVG.
Since it's a reaaaally small thing, I didn't bother with an issue.

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

[netlify]

✔️ Deploy Preview for histoire-examples-vue3 ready!

🔨 Explore the source changes: c11358a

🔍 Inspect the deploy log: https://app.netlify.com/sites/histoire-examples-vue3/deploys/62330ffc969f74000873f76a

😎 Browse the preview: https://deploy-preview-49--histoire-examples-vue3.netlify.app

[netlify]

✔️ Deploy Preview for histoire-site ready!

🔨 Explore the source changes: c11358a

🔍 Inspect the deploy log: https://app.netlify.com/sites/histoire-site/deploys/62330ffc868644000832a9e2

😎 Browse the preview: https://deploy-preview-49--histoire-site.netlify.app

[netlify]

✔️ Deploy Preview for histoire-controls ready!

🔨 Explore the source changes: c11358a

🔍 Inspect the deploy log: https://app.netlify.com/sites/histoire-controls/deploys/62330ffc77fe600008452e05

😎 Browse the preview: https://deploy-preview-49--histoire-controls.netlify.app