refactor(icons): replace fa icons [EE-4459] (#7907)

refactor(icons): remove fontawesome EE-4459

refactor(icon) replace feather with lucide EE-4472

app/react/nomad/DashboardView/DashboardView.tsx

@@ -1,9 +1,12 @@
+import { List, Settings, Boxes, Gauge } from 'lucide-react';
+
 import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
 
 import { DashboardItem } from '@@/DashboardItem';
 import { Widget, WidgetTitle, WidgetBody } from '@@/Widget';
 import { PageHeader } from '@@/PageHeader';
 import { DashboardGrid } from '@@/DashboardItem/DashboardGrid';
+import { Icon } from '@@/Icon';
 
 import { useDashboard } from './useDashboard';
 import { RunningStatus } from './RunningStatus';
@@ -25,7 +28,7 @@ export function DashboardView() {
       {dashboardQuery.isLoading ? (
         <div className="text-center" style={{ marginTop: '30%' }}>
           Connecting to the Edge environment...
-          <i className="fa fa-cog fa-spin space-left" />
+          <Icon icon={Settings} className="animate-spin-slow !ml-1" />
         </div>
       ) : (
         <>
@@ -33,10 +36,7 @@ export function DashboardView() {
             <div className="col-sm-12">
               {/* cluster info */}
               <Widget>
-                <WidgetTitle
-                  icon="fa-tachometer-alt"
-                  title="Cluster information"
-                />
+                <WidgetTitle icon={Gauge} title="Cluster information" />
                 <WidgetBody className="no-padding">
                   <table className="table">
                     <tbody>
@@ -56,19 +56,19 @@ export function DashboardView() {
               {/* jobs */}
               <DashboardItem
                 value={dashboardQuery.data?.JobCount}
-                icon="fa fa-th-list"
+                icon={List}
                 type="Nomad Job"
               />
               {/* groups */}
               <DashboardItem
                 value={dashboardQuery.data?.GroupCount}
-                icon="fa fa-list-alt"
+                icon={List}
                 type="Group"
               />
               {/* tasks */}
               <DashboardItem
                 value={dashboardQuery.data?.TaskCount}
-                icon="fa fa-cubes"
+                icon={Boxes}
                 type="Task"
               >
                 {/* running status of tasks */}