implement circle numbering system

[kir12]

map labels need to be coordinated with real-life building names/other landmarks so that con-goers do not get confused. since the maps denote their numbers in circles e.g. (1), this needs to be implemented inside the app. proof of concept is

<span className="fa-layers fa-fw">
  <FontAwesomeIcon icon={faCircle} fixedWidth></FontAwesomeIcon>
  <FontAwesomeIcon icon={fa1} inverse fixedWidth transform="shrink-5"></FontAwesomeIcon>
</span>

• inside Utils.js, create a new Component that takes as an input prop any of the below and return a span component as depicted above
  • numbers from 1 thru 15
  • A and B
• demonstrate usability by denoting locations in cosplay page with corresponding indicators on the map