fix: fixed the url rendering and OG tag issue

[sambhavgupta0705]

This pr fixes #2639

[netlify]

❌ Deploy Preview for asyncapi-website failed.

Built without sensitive environment variables

Name	Link
🔨 Latest commit	5190dd7
🔍 Latest deploy log	https://app.netlify.com/sites/asyncapi-website/deploys/664b9f570da9670008d17780

[asyncapi-bot]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	37
🟢 Accessibility	98
🟢 Best practices	92
🟢 SEO	100
🟠 PWA	56

Lighthouse ran on https://deploy-preview-2866--asyncapi-website.netlify.app/

[sambhavgupta0705]

@akshatnema The incorrect URL rendering has been resolved in this PR.
We were not using the correct code line which is for NEXTJS which has been corrected in this PR

[aeworxet]

@asyncapi/bounty_team

[akshatnema]

@sambhavgupta0705 I can't see the proper meta tags and HTML inside the page source of the deployed URL. Kindly analyze the root cause of the issue again.

[sambhavgupta0705]

@akshatnema PTAL

[akshatnema]

Proper meta tags are not shown according to the page viewed on the website.

[sambhavgupta0705]

@akshatnema
I think the tags are there but the html content is not there.
So basically it is an error with hydration and i18next package.

One solution we can have is to pass the custom component

[akshatnema]

I think the tags are there but the html content is not there.

Tags that are shown are not specific with every page. It is a static head component that is passed for every page. Hence, og:title, og:description are not changed according to different pages of the website.

[sambhavgupta0705]

Ohkk got it

[sambhavgupta0705]

Requesting an extension of 2 weeks more as I am busy with my intern project for now