[platform] Map Implementation First Draft

[OchiengPaul442]

Summary of Changes (What does this PR do?)

• Initialized map structure as a foundation for future map functionality integration
• Leveraged a specific library to enhance the map legend with visually appealing tooltips
• Employed a JSON file containing country code, name, and flag image link to reduce dependency on external packages and mitigate potential security vulnerabilities
• Improved the responsiveness of the map component, with a note for additional optimization needed for smaller mobile devices in landscape mode
• Implemented robust error handling in key areas of map rendering to minimize potential errors during map loading

NB: Not all functionality has been implemented given this is just the first template draft for the map and more improvements shall be made.

Working functionalities

• GPS position of the User
• Map refresh
• Different Map Layers
• Zoom in and out functionality

Packages Leveraged for this implementation:

• (Tooltips) https://atomiks.github.io/tippyjs/v6/getting-started/
• Plus a JSON file containing flags for all countries in the world. (Link to list: https://gist.github.com/pratikbutani/20ded7151103bb30737e2ab1b336eb02)

Status of maturity (all need to be checked before merging):

• I've tested this locally
• I consider this code done
• This change ready to hit production in its current state

Screenshots (optional)

[github-actions]

New next-platform changes available for preview here

[github-actions]

New next-platform changes available for preview here

[github-actions]

New next-platform changes available for preview here

[github-actions]

New next-platform changes available for preview here

[github-actions]

New next-platform changes available for preview here

[Baalmart]

thanks @OchiengPaul442