docs: fix gif not loading in production vercel app

[JDMathew]

Description

This PR fixes the issue with gif's not working in production

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

How Has This Been Tested?

Checklist: (Feel free to delete this section upon completion)

• I have included a changeset if this change will require a version change to one of the packages.
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have run all builds, tests, and linting and all checks pass
• I have added tests that prove my fix is effective or that my feature works
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
react-native-ama	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 24, 2025 8:33am

[carbonrobot]

I think you need to be using an mdx file in order to JSX syntax, since markdown only supports markdown syntax images.

Options

1. Use markdown image syntax

![Guideline!](/assets/gif/text.gif "Guideline")

2. Or Change the file to an MDX file to enable JSX syntax