Create component for numbered lists referring to annotated screenshots

[MbonuJennifer]

In this PR:

Created a component for numbered lists referring to annotated screenshots.

[strapi-cla]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
documentation	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 10:43am

[pwizla]

Thank you, Jennifer.

Could you at least replace one occurence of a number in one page of the User Guide so we can see how it looks in the preview of this PR?

Then, in this PR (or in another PR, up to you) you'll have to replace ALL occurences of numbers everywhere in the docs by the component, with the proper numbers.
For instance, in the "Introduction to Content Manager" :

From the list view, it is possible to:

• create a new entry (1),

would become:

From the list view, it is possible to:
- create a new entry <ScreenshotNumberReference number="1"/>,

and so on, everywhere where needs be.

[pwizla]

The component is looking great! I think you can proceed to replace all occurences of screenshot numbers in the documentation. Feel free to do this in this PR, or merge the current PR and create a new branch/PR for the updates.

[pwizla]

🚀

[pwizla]

Great, thanks, Jennifer! 🚀