[FEATURE] Implementation of a legend within the map interface

[MustaphaArfa00]

Is this a unique feature?

• I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

Within the map interface, there exists a notable absence of visual explanations detailing the significance of the colors employed, resulting in potential displeasure for users who seek clarity regarding the conveyed information

Proposed Solution

I suggest a legend which is prominently displayed on the map interface, providing users with a key to interpret the meaning of each color used on the map. The legend clearly defines the categories represented by each color, making it easy for users to understand the visual cues provided by the map.

Screenshots

No response

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

In the Map component , create a UI element where there are legend elements based on the colors , position it using CSS and ensure it stays synchronized with the map's position and dimensions.

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md