Options are really hard to click

[DerekFei]

Problem: for countries with shorter names, it's really hard to select them (the dropdown will disappear after clicking on it, but the selection is not registered. This issue made this awesome lib not production-ready.

How to reproduce:
Search for a shorter country name (eg. Canada)
Then click on the option, the selection will not be made most of the time

Potential Solution: Expand the click area to the entire option div and make sure the selection got registered once the user click on anywhere of the option item

maybe the following line needs modification (we need to register the selected index here)

react-bootstrap-country-select/src/CountrySelect/OverlayContent/List/ListItem/index.tsx

Line 15 in ba7e806

onClick: () => void;