Update icons

apps/frontend/components/NavBar/NavBarButtons.tsx

@@ -1,10 +1,10 @@
+import { faClipboard } from '@fortawesome/free-regular-svg-icons';
 import {
-  AssignmentTurnedIn,
-  ContentPaste,
-  Home,
-  Logout,
-  Person,
-} from '@mui/icons-material';
+  faClipboardCheck,
+  IconDefinition,
+} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Home, Logout, Person } from '@mui/icons-material';
 import { Stack, useTheme } from '@mui/material';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
@@ -34,13 +34,23 @@ const links = [
     key: 2,
     linkTo: '/report',
     textId: 'navigation.reports',
-    icon: <ContentPaste />,
+    icon: (
+      <FontAwesomeIcon
+        icon={faClipboard as IconDefinition}
+        style={{ color: colors.color3, fontSize: '1rem' }}
+      />
+    ),
   },
   {
     key: 3,
     linkTo: '/forms/search',
     textId: 'navigation.forms.header',
-    icon: <AssignmentTurnedIn />,
+    icon: (
+      <FontAwesomeIcon
+        icon={faClipboardCheck}
+        style={{ color: colors.color3, fontSize: '1rem' }}
+      />
+    ),
   },
 ];
 

apps/frontend/package.json

@@ -21,6 +21,7 @@
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@mui/icons-material": "^5.11.11",