Reduce bundle size fortawesome (#1289)

Author: domschab23

.eslintrc

@@ -173,6 +173,22 @@
         "ts": "never",
         "tsx": "never"
       }
-   ]
+   ],
+    "no-restricted-imports": ["error", {
+      "patterns": [
+        {
+          "group": ["@fortawesome/free-brands-svg-icons/*", "@fortawesome/free-brands-svg-icons"],
+          "message": "Direct imports from @fortawesome/free-brands-svg-icons is not allowed. Import from src/ib/font_awesome/brands instead."
+        },
+        {
+          "group": ["@fortawesome/pro-regular-svg-icons/*", "@fortawesome/pro-regular-svg-icons"],
+          "message": "Direct imports from @fortawesome/pro-regular-svg-icons is not allowed. Import from src/lib/font_awesome/regular instead."
+        },
+        {
+          "group": ["@fortawesome/pro-solid-svg-icons/*", "@fortawesome/pro-solid-svg-icons"],
+          "message": "Direct imports from @fortawesome/pro-solid-svg-icons is not allowed. Import from src/lib/font_awesome/solid instead."
+        }
+      ]
+    }]
   }
 }

src/Accordion/Accordion.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { faCreditCard } from '@fortawesome/pro-regular-svg-icons';
+import { faCreditCard } from '../font_awesome/regular';
 import Card from '../Card';
 
 import {

src/Accordion/AccordionToggle.tsx

@@ -7,8 +7,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useAccordionButton } from 'react-bootstrap/AccordionButton';
 import AccordionContext from 'react-bootstrap/AccordionContext';
 
+import { faChevronUp } from '../font_awesome/solid';
+
 import './AccordionToggle.scss';
-import { faChevronUp } from '@fortawesome/pro-solid-svg-icons';
 
 import { isEventKeyActive } from './utils';
 

src/Alert/Alert.tsx

@@ -10,7 +10,7 @@ import {
   faExclamationTriangle,
   faInfo,
   faTimes,
-} from '@fortawesome/pro-solid-svg-icons';
+} from '../font_awesome/solid';
 
 import './Alert.scss';
 

src/Button/Button.mdx

@@ -37,8 +37,8 @@ import * as ComponentStories from './Button.stories';
 ### Iconography
 - Font Awesome library
   - We utilize the Regular and Solid Font Awesome icons
-  - Only use Solid icons on icon-only buttons. import `@fortawesome/pro-solid-svg-icons`
-  - Use Regular icons for all other buttons. import `@fortawesome/pro-regular-svg-icons`
+  - Only use Solid icons on icon-only buttons. import relatively from `src/font_awesome/solid`
+  - Use Regular icons for all other buttons. import relatively from `src/font_awesome/regular`
 - Use a leading icon alongside a label if there is a primary action verb (e.g. Edit, Share, Copy)
 - Icon-only buttons should only be permitted if
 	- Space is limited (e.g. too small for text alone)

src/Button/Button.stories.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { faFileAlt, faCaretDown, faPaperPlane } from '@fortawesome/pro-regular-svg-icons';
+import { faFileAlt, faCaretDown, faPaperPlane } from '../font_awesome/regular';
 import {
  faGoogle, faFacebook, faLinkedin, faTwitter,
-} from '@fortawesome/free-brands-svg-icons';
+} from '../font_awesome/brands';
 import Button from '.';
 import mdx from './Button.mdx';
 

src/Button/Button.tsx

@@ -2,13 +2,13 @@ import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faSpinnerThird } from '@fortawesome/pro-regular-svg-icons';
-
 import {
   Button as RBButton,
   type ButtonProps as RBButtonProps,
 } from 'react-bootstrap';
 
+import { faSpinnerThird } from '../font_awesome/regular';
+
 import './Button.scss';
 
 export enum ButtonSizes {

src/Container/Col.tsx

@@ -4,7 +4,7 @@ import {
   type ColProps as ReactBootstrapColProps,
 } from 'react-bootstrap';
 
-import { useDeprecationWarning } from 'src/utils';
+import { useDeprecationWarning } from '../utils';
 
 export type ColProps = {
   /**

src/Container/Container.tsx

@@ -4,7 +4,7 @@ import {
   type ContainerProps as ReactBootstrapContainerProps,
 } from 'react-bootstrap';
 
-import { useDeprecationWarning } from 'src/utils';
+import { useDeprecationWarning } from '../utils';
 
 export type ContainerProps = {
   /**

src/Container/Row.tsx

@@ -4,7 +4,7 @@ import {
   type RowProps as ReactBootstrapRowProps,
 } from 'react-bootstrap';
 
-import { useDeprecationWarning } from 'src/utils';
+import { useDeprecationWarning } from '../utils';
 
 export type RowProps = {
   /**