fix(deps): update font awesome (#45479)

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>

client/package.json

@@ -39,11 +39,10 @@
     "@babel/preset-env": "7.16.11",
     "@babel/preset-react": "7.16.7",
     "@babel/standalone": "7.17.8",
-    "@fortawesome/fontawesome": "1.1.8",
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
-    "@fortawesome/free-brands-svg-icons": "6.0.0",
-    "@fortawesome/free-solid-svg-icons": "6.0.0",
-    "@fortawesome/react-fontawesome": "0.1.17",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-brands-svg-icons": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
+    "@fortawesome/react-fontawesome": "0.1.18",
     "@freecodecamp/loop-protect": "2.2.1",
     "@freecodecamp/react-bootstrap": "0.32.3",
     "@freecodecamp/react-calendar-heatmap": "1.0.0",

client/src/components/layouts/default.tsx

@@ -1,4 +1,3 @@
-import fontawesome from '@fortawesome/fontawesome';
 import React, { Component, ReactNode } from 'react';
 import Helmet from 'react-helmet';
 import { TFunction, withTranslation } from 'react-i18next';
@@ -37,8 +36,6 @@ import './fonts.css';
 import './global.css';
 import './variables.css';
 
-fontawesome.config.autoAddCss = false;
-
 const mapStateToProps = createSelector(
   isSignedInSelector,
   flashMessageSelector,
@@ -198,7 +195,6 @@ class DefaultLayout extends Component<DefaultLayoutProps> {
             rel='preload'
             type='font/woff'
           />
-          <style>{fontawesome.dom.css()}</style>
         </Helmet>
         <div className={`default-layout`}>
           <Header fetchState={fetchState} user={user} />