Add Open Graph meta tags

[nirutthyu]

added image property in the themeConfig section of docusaurus.config.js for og image feature

[netlify[bot]]

✅ Deploy Preview for react-play-docs ready!

Name	Link
🔨 Latest commit	9fdca2d4c764c901f74b5789645ae2df1d08e8a8
🔍 Latest deploy log	https://app.netlify.com/sites/react-play-docs/deploys/671da7abe961510008eb4412
😎 Deploy Preview	https://deploy-preview-78--react-play-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Sachin-chaurasiya]

Thanks for the PR @nirutthyu , can you please add the screenshot how the preview is looking when we share the doc link on any social platforms?

[nirutthyu]

ya sure,

[Sachin-chaurasiya]

adding the metadata config object along with image and description does not render the og:image and og:description properly, can you help me out ?

Hello @nirutthyu, I apologize for the delayed response. Could you please share more information about what you added to the metadata config? Additionally, could you review the document at https://docusaurus.io/docs?

[nirutthyu]

@Sachin-chaurasiya as requested i tried adding the og image under metadata:[ { property: 'og:image', content: 'img/banner.png' }, { name: 'description', content: 'ReactPlay is a platform for learning and building React projects' }, { property: 'og:description', content: 'ReactPlay is a platform for learning and building React projects' }, ] and I can see the description still being rendered as banner while it is being set to a custom description in the config and the og:image is being rendered in the meta tag but not visible on testing.