style: center map automatically when data changes

[itsoriki]

Description

Resolve #726

• Center the map to the mean of all available data points whenever new data is loaded to the map
• Fix some typos in CONTRIBUTING.md
• Add .prettierrc file for a smooth prettier development experience

[github-actions[bot]]

Preview: https://s3.amazonaws.com/noam-gaash.co.il/8939114019/open-bus/b031d8ab4a5536460e50287874c9964f66661ac5/index.html Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/8939114019/open-bus/b031d8ab4a5536460e50287874c9964f66661ac5/storybook/index.html

[itsoriki]

You're correct - the thing is this useEffect needs to sit inside the map context in order for the setView to work properly - For that we must use one of our own components, i.e. the MapIndex component or introduce a new one with a clear name and a single purpose being the centering mechanism (like I tried to do here...).

What do you think @NoamGaash ?

[itsoriki]

Check out the error being thrown when I try to do as you suggest:

[NoamGaash]

I see. Have you tried editing center={position.loc}?