decrease font size of CategoryPill

[RGBboy]

Fixes #155. Make category pill text size slightly smaller so we can have more on a single line on the event details screen.

Note: This will also affect the filter screen pill size when categories are selected and the home screen category labels over each event. It would be good to get UXD input here if that is ok.

I have looked into the contrast ratios of the pills and I think we may have misunderstood reaching AA standard. The table below outlines the standard that the combination of background and foreground color currently produces. Of note are the ones that only reach AA Large standard. This means that we should only be using this combo when the font size is 24 px or larger. The Current size of font for Category pills is 16 and with this change, reduces it to 15. Interestingly if we change the foreground color to black we reach the AA standard which allows any font size.

Label	Background	Foreground	Accessibility Standard	If Foreground Black
Cabaret and Variety	Coral	White	AA Large	AA
Community	Bright Light Blue	Black	AAA	-
Talks and Debates	Dark Sky Blue	White	AA Large	AA
Film and Screenings	Light Teal	Black	AAA	-
Plays and Theatre	Warm Pink	White	AA Large	AA
Social and Networking	Turquoise Blue	Black	AA	-
Nightlife	Yellow Color	Black	AAA	-
Exhibition and Tours	Bright Purple	White	AA	AA
Sports and Activities	Vomit Yellow	Black	AAA	-
Health	Bubblegum Pink	Black	AAA	-
Music	Cornflower Blue	White	AA	AA

[Lily418]

Have discussed this with @RGBboy some concerns over contrast becoming an issue at this lower font size. Also these tags are buttons so the hitbox size is also lowered by this change.

[Lily418]

[RGBboy]

Blocking for now until #582 is resolved

[RGBboy]

We have decided not to decrease the font size due to the accessibility implications.