make regions consistent; alphab order

[reshamas]

PR Overview

Type of contribution

• [x] Code
• [ ] Documentation

Reference: Issue or Pull Request (PR)

References:

• PR in event-board-api https://github.com/data-umbrella/event-board-api/pull/103
• Issue in event-board-api https://github.com/data-umbrella/event-board-api/issues/53

Description of Changes

1. use "canada-usa" instead of "usa-canda"
2. use "latin-america" instead of "latin-america-caribbean"
3. put regions in alphabetical order; with exception of moving canada-usa to position 2 because most events are currently in that region.

export const REGION_OPTIONS = [
  { label: 'All', value: '' },
  { label: 'Canada / USA', value: 'canada-usa' },
  { label: 'Africa', value: 'africa' },
  { label: 'Asia', value: 'asia' },
  { label: 'Europe', value: 'europe' },
  { label: 'Latin America', value: 'latin-america' },
  { label: 'Middle East', value: 'middle-east' },
  { label: 'Oceania', value: 'oceania' },
  { label: 'Online', value: 'online' },
];

Before and After for UI Updates

<-- You should have 2 images minimum, for desktop, 4 for mobile and desktop combined -->

Before:

After:

For PR Reviewer

• [ ] Does this file change the yarn.lock, package.json or package-lock.json file? If so, why?
• [ ] If this pr contains mobile and desktop changes, did you test on IphoneXr and desktop views?
• [ ] Does this file match the related tickets linked figma file, or does it pass the visual smell test?
• [ ] If this file contains javascript, does the javascript pass the smell test?
• [ ] If you don't feel super confident in your review, did you assign someone more senior to double check?

[reshamas]

Superceded by #391