Performance Optimization: Lazy-Load Videos & Images and Prevent Unnecessary Renders

Hello @manojVivek,

This pull request is focused on enhancing the website's performance, particularly within PrimaryFeatures & SecondaryFeatures components.

Here's a brief overview of the performance optimizations made in this PR:

Implemented Intersection Observer to defer the loading of videos until they appear within the viewport. This change substantially reduces the initial load burden, particularly beneficial for users with slower network connections or when accessing our site from constrained devices.
Incorporated memo for FeatureVideo & FeatureMedia components, preventing unnecessary re-renders and ensuring smoother transitions and interactions.

Performance Impact:

With these changes, we've managed to nearly halve the website's load time, providing users with a much more responsive experience.

I believe these enhancements will greatly contribute to user retention and overall user satisfaction.

Please review it and provide feedback if needed.

Thanks, Luis

responsively-org / website