Feat: Adds tokens to ImageGallery

[hellofanny]

What's the purpose of this pull request?

This PR applies the new vtex-sites/base.store#407 to ImageGallery: new scoped tokens linked to global ones.

How does it work?

This PR uses local variables to parameterize the ImageGallery properties, then connects these scoped tokens to the global ones.

How to test it?

• The ImageGallery component and its related components should look just as it was before these changes. Preview Link
• You can check the story on Storybook Preview.

Checklist

You may erase this after checking them all ;)

Changelog

• Added an entry in the CHANGELOG.md at the beginning of its due section. The latest version should comes first.
• Added the PR number with the PR link at the entry in the CHANGELOG.md. E.g., New items in the pull_request_template.md (#4)

PR Description

• Added a label according to the PR goal - Breaking change, Enhancement, Bug or Chore.
• Added the component, hook, or pathname in-between backticks (``) - If applicable. E.g., ComponentName component.
• Identified the function or parameter in the PR - If applicable. E.g., useWindowDimensions hook.

Documentation

• PR description
• Added to/Updated the Storybook - if applicable.
• For documentation changes, ping @ carolinamenezes, @ PedroAntunesCosta or @ Mariana-Caetano to review and update.

[vercel]

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

Name	Status	Preview	Updated
nextjs-store-storybook	✅ Ready (Inspect)	Visit Preview	Jun 27, 2022 at 9:04PM (UTC)

[vtex-sites]

Preview is ready

This pull request generated a Preview

👀   Preview: https://sfj-26bd042--nextjs.preview.vtex.app
🔬   Go deeper by inspecting the Build Logs
📝   based on commit 26bd042

[vtex-sites]

Lighthouse Reports

Here are the Lighthouse reports of this Pull Request

📝 Based on commit 26bd042

Lighthouse Report by page
📎   /
📎   /apple-magic-mouse/p
📎   /office

[lucasfp13]

LGTM!

Just left some comments, nice job ✨

[renatamottam]

Nice one! 👏