updated NPED code

src/components/UI/Header.tsx

@@ -1,14 +1,19 @@
 import { Link } from "react-router";
 import Logo from "/MAV.svg";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faSliders } from "@fortawesome/free-solid-svg-icons";
 
 const Header = () => {
   return (
-    <div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4">
+    <div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4 flex flex-row justify-between">
       <div className="w-30">
         <Link to={"/"}>
           <img src={Logo} alt="Logo" width={100} height={100} />
         </Link>
       </div>
+      <Link to={"/system-settings"}>
+        <FontAwesomeIcon icon={faSliders} />
+      </Link>
     </div>
   );
 };