Upgrade FontAwesome icons from v4 to v6 (#2496)

Author: PhilBastian

src/Frontend/package-lock.json

@@ -21,6 +21,11 @@
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/legacy-modes": "^6.5.1",
     "@dagrejs/dagre": "^1.1.5",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
     "@tinyhttp/content-disposition": "^2.2.2",
     "@vue-flow/controls": "^1.1.2",
     "@vue-flow/core": "^1.45.0",

src/Frontend/package.json

@@ -60,14 +60,14 @@ ul.dropdown-menu > span > li > a > span {
   padding-left: 16px;
   background: none;
   border: none;
-  color: #00a3c4;
+  color: var(--sp-blue);
   padding-right: 0;
 }
 
 .sp-btn-menu:hover {
   background: none;
   border: none;
-  color: #00a3c4;
+  color: var(--sp-blue);
   text-decoration: underline;
 }