Ethereum-org-website: Replace <Icon> component with FontAwesome

[samajammin]

Is your feature request related to a problem? Please describe.

Our current <Icon /> component is fairly inflexible - we must add SVG code every time we want to add a new icon.

Describe the solution you'd like

Let's use Font Awesome or some other free / open source alternative.

Describe alternatives you've considered
Keep as is

Additional context
See ESP site as example of Gatsby project using Font Awesome.

[howdyAnkit]

Maybe You can use REACT-ICONS and "IconContext" for this. It comes with simple NPM installations and supports various other Icons under one package.

REACT-ICONS comes with various icon support and it's really flexible you can check this link for reference
(https://react-icons.github.io/react-icons/icons?name=bi)

[samajammin]

@howdyAnkit thanks for the suggestion, that sounds good to me! Let's use Font Awesome icons via react-icons.

[howdyAnkit]

Hey, @samajammin Can you please assign this to me? if it's not claimed

[samajammin]

@howdyAnkit thanks for offering to take this on! 💪

[howdyAnkit]

Thank you so much Sam this means a lot to me @samajammin

[samajammin]

Solved in #1674 & #1701