Fix Map Component in Next.js App

I am facing a styling issue in my Next.js application that uses the Flowbite layout and Leaflet-React for the map component. The map is not displaying correctly and appears to be positioned inaccurately.

Key Issues:
- Styling issue affecting the overall layout
- Map component is not rendering correctly, leading to incorrect display positions

The ideal freelancer for this project should have:
- Strong experience with Next.js and Leaflet-React
- Proficiency in addressing styling issues within the Flowbite layout
- Ability to troubleshoot and rectify component rendering problems
- Keen eye for detail to ensure the map component is correctly positioned and fully interactive