[WIP] Add ability to change gitmojis order

[Simek]

Description

This PR adds select which allow users to change the order in which gitmojis are displayed.

Feature was implemented using useState hook and do not interfere with current order which stays default (so if you are used to it everything is on the same place 😄).

For sure UI can be implemented better but I was trying to mimic current design and do not include new layout structures (I also was thinking about adding this select right above gitmojis, on the white part of page, but finally I decided to go with button approach).

And of course I'm open to refine this PR if any feedback or request arises.

P.S. I also have extracted font-family to the SCSS variable.

Tests

• New tests added.
• All tests passed.

[Simek]

@carloscuesta Three more things that are worth mentioning:

• 🔀 is not looking good on Windows, probably it would be better using <Icon /> here
• of course pure HTML select can be replaced with react-select if needed
• Add simple text search in the site #384 - if is a valid problem and feature is wanted I think I can also add like text field in this PR (and move both components directly above gitmojis list)

[johannchopin]

I think a better way to implement it would be to use a draggable list of all gitmojis that the user can sort (easy to implement using react-sortable-hoc). Just store then the new order in the localStorage and that was 🎉.

What do you think about this idea @Simek? 😃

[Simek]

@johannchopin I have lost interest in this change quite a while ago. Feel free to close this PR and implement order feature as you suggested.

[vhoyer]

Then, maybe we could follow the #405 again for this one, let's centralize the discussion around this feature there :D

[johannchopin]

@Simek Thanks a lot for your work and time and sorry for the (too) long reponse time 👍