[Feature]: Add Zeek page to docs

[MexicanAce]

Description

The docs reference Zeek in multiple guides/tutorials, but there's not consolidated page with information about him. Create a dedicated page and <Zeek /> component that we can re-use throughout our docs based on the following: https://www.notion.so/matterlabs/ZKsync-Brand-Resources-750bb7b1f3d14ebe9f539a86901c4a1c?pvs=4#5abb09058e9f48fda209d2b7332d9da0

Rationale

This will provide more clarity and background for information about the beloved zkSync mascot

Code of Conduct

• I agree to follow this project's Code of Conduct

[MexicanAce]

Feel free to be as creative with the page as you can think 😉 (A carousel of all the Zeek images we have would be 🤩 )

[dckesso]

To create a dedicated page and component, follow these steps:

Go to your website's CMS or documentation management system and create a new page titled "Zeek - The zkSync Mascot".
Add content to the page that includes a brief introduction to Zeek and his role as the official mascot for zkSync. Include information about the inspiration behind Zeek and what he represents.
Include images of Zeek along with other brand resources such as logos and graphics related to zkSync. You can refer to the zkSync brand resources page for these assets.
Create a component that can be reused throughout your documentation. This component should include the image of Zeek along with a brief description of what he represents and a link to the dedicated Zeek page.
Add the component to relevant pages throughout your documentation where mentioning or referencing Zeek is appropriate.

By creating a dedicated Zeek page and component, your users can easily access information about the zkSync mascot and get a better understanding of the brand. It also provides a consistent way to reference Zeek throughout your documentation.