Docs site: Unexpected layout shift on homepage

[anuradha9712]

Description

When user navigates to the MDS Docs site, there is an unexpected layout shift initially on the homepage.

It was working previously, but stopped functioning after migrating the code from Gatsby v3.x to v5.x

Steps to reproduce

• Navigate to the MDS Docs site
• Notice the unexpected layout shift on homepage for few milliseconds

Expected result

The expected behavior is that there should be no layout shift to ensure a better user experience.

Steps to fix the issue

• Fork and clone this repository
• First checkout to develop branch, and from that create a new branch
• Switch current directory to docs using command cd docs
• Install dependencies using npm install
• Start development server using npm run dev
• Check the issue on your local environment on localhost:8000
• Refer to this file for homepage's codebase

[pranjalee30]

Hey @anuradha9712 mam, Can you please assign this to me?

[anuradha9712]

@pranjalee30 any update on this?