Optimizing /people route

[Re-Dei]

The /people route has become slow because of the new hover feature. Since hover feature is only required when hovered, implement a dynamic import strategy to solve this issue.
Docs: https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading

[Re-Dei]

I am busy for 2 weeks and will only be available to solve this issue after these 2 weeks. So anyone who is willing to solve this issue in these 2 weeks are welcome.

[rash-27]

• before using dynamic import
  
• after using dynamic import
  
  and the after using dynamic import we are getting more size than the current one

[Re-Dei]

@rash-27 i think you forgot to put the condition when to dynamically import

[Re-Dei]

@rithviknishad sorry for making a PR before getting assigned. Just happened to get some free time today.

[rash-27]

@Re-Dei what I thought is that currently we are rendering '/people' on the server side and showing cards using tailwind (using opacity so that we are fetching them while rendering on the server) ,and converting that to a client side component may take away the advantages of the SSR right ?

[Re-Dei]

@rash-27 only the hover card is being rendered client side in my PR. You can see to learn more.

[rash-27]

Sure , I'll look into it .