feat[dev]: ✨ implement A11y improvements for Quote Template

[yoezlem]

Description

This task describes the Storybook implementation for the Quote template as part of the A11y improvements outlined in Epic https://github.com/solid-design-system/solid/issues/1465.

A11y improvements for the Quote template can be found here: Quote Notes.

---

Comment

No critical issues found.

Notes

• For block quotes use the appropriate element, <blockquote>. <q> is only for short inline quotes.
• Please use an image here that fits the purpose. The name is "Jane Miller," but the description says, "A caring father, balancing one child on his shoulder and gently cradling another in his arms.". In a quote, you'd likely rather see a portrait. If you use a portrait, you must decide whether you want to describe it or not. If not, don't repeat the person's name; leave the alt-attribute empty.

Solution applied in figma:

• replace image with "coffeeshop" image and zoom it as you see in figma
• change quote author to "Jane"
• change description in code accordingly

Best Practices

• If you use an image, don't repeat the person's name in the alt-attribute. Either describe how the person looks like or leave the description empty.

Open Questions

• [ ] Question1
• [ ] Question2

DoR

• [ ] Item has been estimated by the team
• [x] Item dependencies have been identified and documented

DoD

• [ ] Documentation has been created/updated (if applicable)
• [ ] Migration Guide has been created/updated (if applicable)
• [ ] Relevant E2E tests (Features, A11y, Bug fixes) are created/updated
• [ ] Relevant stories (Features, A11y) are created/updated
• [ ] Implementation works successfully on feature branch

[MartaPintoTeixeira]

Figma template samples have been updated to provide guidance for dev.