feat(analytics): add countries and clicks heat map

Name	Status	Preview	Comments	Updated (UTC)
ishortn-ink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 20, 2024 9:17am

PR Summary

Enhancements to package.json
- Our project setup file now includes additional modules. These will support the functionality of our main feature add, a heatmap. Specifically, the modules are:
  - @types/react-simple-maps: "^3.0.6"
  - d3-scale: "^4.0.2"
  - react-simple-maps: "^3.0.0"
Updates to page.tsx
- Imported a new component called WorldMapHeatmap.
- A new variable, countryData, is introduced to store data related to user interactions, broken down by specific countries.
- Introduced a section in the page layout for displaying a heatmap. This new heatmap will allow to visualise user interactions in a global scope, showing their distribution on a world map.
New world-map-heatmap.tsx File
- A fresh new component called WorldMapHeatmap is introduced to the project. This component will show user interaction data in an interactive world map.
- The map rendering is enabled by a dependency named react-simple-maps and color scaling (for the heatmap) is powered by d3-scale.
- I've also added a tooltip feature that should display specific interaction numbers when a user hovers over a particular country on the world map.