Added import statement to improve functionality in Chakra Next.js guide

Closes #

📝 Description

Add a brief description

This pull request adds an import statement to a few lines of code in the Chakra Next.js guide to enhance the overall functionality. The import statement introduces a new module that provides additional features and improves the user experience.

⛳️ Current behavior (updates)

Please describe the current behavior that you are modifying

The extendTheme is not imported from the chakra-ui/react library. This shows an error that extendTheme is undefined.

🚀 New behavior

Please describe the behavior or changes this PR adds

With this import statement, anybody will be able to understand how to successfully use Nextjs google fonts library with Chakra-ui.

💣 Is this a breaking change (Yes/No):

📝 Additional Information

By including this import statement, we enable the utilization of extendTheme to enhance the usage of Nextjs font library. This modification aligns with the goals of the guide, making it more robust and user-friendly.

I have thoroughly tested this change and ensured that it doesn't introduce any regressions. The code integrates seamlessly with the existing implementation and maintains backward compatibility.

Please review this pull request and consider merging it into the main branch. I believe it will greatly benefit the Chakra Next.js guide and its users.

Thank you for your attention and I look forward to your feedback.

chakra-ui / chakra-ui-docs