[Enhancement] Updated integrations Section

[thisiskaransgit]

Description

Changes Done

• Using .map for iteration over traditional for looping for better loading time.

  The use of .map() allows us to transform each element in the data array into its corresponding HTML card, instead of repeatedly updating innerHTML. This results in better performance, as modifying innerHTML multiple times can be heavy.

Before	After

• Remove hardcoding of integration numbers

  the number displayed currently was hardcoded, even though we had the javascript method declared.

Notes for Reviewers

TODO: Review the Integration Workflow, we are still at ~210 integrations for the meshery.io website. The updated index number should be ~230.

• We need to reduce the overlapping CSS rules( Website: Consolidate duplicative and unused CSS #896 ), which are largely contributing to the load time
• Use Kramdown for blogs and posts
• Utilizing liquid templating more for reusable components, - Code component, - Features sections.

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	bacc9fe
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/64bd6f17f3c14c0008453edb
😎 Deploy Preview	https://deploy-preview-1311--mesheryio-preview.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.

[vishalvivekm]

@thisiskaransgit Let's discuss this on Websites Meeting call on Monday. Please add this as an agenda item in the meeting mintes if you would. :)

[leecalcote]

the number displayed currently was hardcoded, even though we had the javascript method declared.

😬