Feat: Update Map Sizing

[stevem-zhou]

How to find the bug:

• The map on the home page is currently showing the entire world, users are able to visit New York if they zoom out and drag far enough

Why is this:

• There currently is no limitation on how much of the world can be shown on the map We have an invisible border that surrounds the UCI area that we want items to be placed in the coordinates could be found in Map.jsx

How to fix this:

• The map will be in Map.jsx
• Look into the leaflet documentation and only showcase the UCI area that we have chosen for the boundaries
• We only want to showcase this enclosed area and nothing else
• If possible, have the default zoom fit the entire area
• An example would be: antalmanac’s map

Resources:

• Leaflet Documentation