#230 Auto generate country dropdown

Used to evaluate the progess on this issue so far
This is currently an uncontrolled component. For a controlled component, its value needs to be determined by the components state. The `defaultValue` prop is for uncontrolled components. In this case, you want a `value` prop that takes in the correct state property.