Merge pull request DSpace#2782 from alexandrevryghem/fix-font-awesome-5-icons_contribute-7.6

Fixed Font Awesome CSS Pseudo-elements not rendering in v6.x

Author: tdonohue

src/app/entity-groups/research-entities/submission/item-list-elements/org-unit/org-unit-suggestions/org-unit-input-suggestions.component.scss

@@ -3,10 +3,9 @@ form {
     &:before {
         pointer-events: none; // prevent the icon from ‘catching‘ the click
         position: absolute;
-        font-weight: 900;
-        font-family: "Font Awesome 5 Free";
+        font: var(--fa-font-solid);
         content: "\f0d7";
-        top: 7px;
+        top: 10px;
         right: 0;
         height: 20px;
         width: 20px;

src/app/entity-groups/research-entities/submission/item-list-elements/person/person-suggestions/person-input-suggestions.component.scss

@@ -2,10 +2,9 @@ form {
     &:before {
         pointer-events: none; // prevent the icon from ‘catching‘ the click
         position: absolute;
-        font-weight: 900;
-        font-family: "Font Awesome 5 Free";
+        font: var(--fa-font-solid);
         content: "\f0d7";
-        top: 7px;
+        top: 10px;
         right: 0;
         height: 20px;
         width: 20px;