index.js file in pages directory is optimized

[m-Jawa-d]

- Removed Inline Styles: Moved button styles (margins, background colors, etc.) from inline style attributes to the links array. This improves maintainability and keeps the styling separate from the logic.

- Dynamic Button Rendering: Replaced repeated button code with a buttonLinks array. This array stores button properties (like to, text, and className), and the buttons are rendered dynamically using map. This reduces code duplication and improves scalability.

- Optimized useDocusaurusContext Usage: Moved the useDocusaurusContext hook to the Home component and passed the siteConfig as a prop to HomepageHeader, eliminating the need to call the hook twice. This improves performance and clarity.

- Added Accessibility for Image: Added alt, width, and height attributes to the img element. This improves accessibility, SEO, and browser layout optimizations.

- Simplified JSX Structure: Removed unnecessary nested div elements around the buttons, making the structure cleaner and more efficient.

These changes enhance the maintainability, performance, and readability of the code.

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[m-Jawa-d]

I have read and hereby sign the Contributor License Agreement.

[Noc2]

Thanks for the PR and all the effort you put into this. However, this is how it looks on my screen.

[m-Jawa-d]

Oh, my bad! I forgot to double-check my last styling modifications at the last moment, but I've fixed it now. You can verify.

[Noc2]

Thanks