chore: removed cpu and memory svgs

Author: shivani170

src/assets/icons/appstatus/ic-cpu.svg

@@ -37,6 +37,7 @@ import {
     CodeEditorThemesKeys,
     noop,
     AppThemeType,
+    Icon,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { useParams, useLocation, useHistory } from 'react-router-dom'
 import YAML from 'yaml'
@@ -45,8 +46,6 @@ import { applyPatch } from 'fast-json-patch'
 import { ReactComponent as Info } from '@Icons/ic-info-filled.svg'
 import { ReactComponent as Error } from '@Icons/ic-error-exclamation.svg'
 import { ReactComponent as AlertTriangle } from '@Icons/ic-alert-triangle.svg'
-import { ReactComponent as Cpu } from '@Icons/ic-cpu.svg'
-import { ReactComponent as Memory } from '@Icons/ic-memory.svg'
 import { ReactComponent as Storage } from '@Icons/ic-storage.svg'
 import { ReactComponent as Edit } from '@Icons/ic-pencil.svg'
 import { ReactComponent as Dropdown } from '@Icons/ic-chevron-down.svg'
@@ -543,7 +542,7 @@ const NodeDetails = ({ addTab, lowercaseKindToResourceGroupMap, updateTabUrl }:
 
         return (
             <div>
-                <div className='dc__border-bottom dc__position-sticky dc__top-0 dc__zi-1 bg__primary'>
+                <div className="dc__border-bottom dc__position-sticky dc__top-0 dc__zi-1 bg__primary">
                     <div className="en-2 bw-1 dc__top-radius-4 bg__primary dc__no-bottom-border resource-row dc__border-bottom fw-6 fs-13 pt-8 pb-8 pr-20 pl-20 cn-7">
                         <div />
                         <div>Resource</div>
@@ -554,10 +553,10 @@ const NodeDetails = ({ addTab, lowercaseKindToResourceGroupMap, updateTabUrl }:
                         <div>Capacity</div>
                     </div>
                 </div>
-                <div className='en-2 bw-1 br-4 dc__no-top-radius dc__no-top-border bg__primary mb-20'>
+                <div className="en-2 bw-1 br-4 dc__no-top-radius dc__no-top-border bg__primary mb-20">
                     {cpuData && (
                         <div className="resource-row dc__border-bottom-n1 fw-4 fs-13 pt-8 pb-8 pr-20 pl-20 cn-9">
-                            <Cpu className="mt-2 mb-2 icon-dim-18" />
+                            <Icon name="ic-cpu" color={null} size={18} />
                             <div>{cpuData.name || '-'}</div>
                             <div>{cpuData.requestPercentage || '-'}</div>
                             <div>{cpuData.limitPercentage || '-'}</div>
@@ -568,7 +567,7 @@ const NodeDetails = ({ addTab, lowercaseKindToResourceGroupMap, updateTabUrl }:
                     )}
                     {memoryData && (
                         <div className="resource-row dc__border-bottom-n1 fw-4 fs-13 pt-8 pb-8 pr-20 pl-20 cn-9">
-                            <Memory className="mt-2 mb-2 icon-dim-18" />
+                            <Icon name="ic-memory" color={null}  size={18} />
                             <div>{memoryData.name || '-'}</div>
                             <div>{memoryData.requestPercentage || '-'}</div>
                             <div>{memoryData.limitPercentage || '-'}</div>
@@ -833,7 +832,7 @@ const NodeDetails = ({ addTab, lowercaseKindToResourceGroupMap, updateTabUrl }:
                         {renderProbableIssuesOverviewCard()}
                         {renderNodeOverviewCard()}
                     </div>
-                    <div className='dc__overflow-auto pr-20'>
+                    <div className="dc__overflow-auto pr-20">
                         {renderResourceList()}
                         {renderLabelAnnotationTaint()}
                         {renderPodList()}
@@ -1055,9 +1054,7 @@ const NodeDetails = ({ addTab, lowercaseKindToResourceGroupMap, updateTabUrl }:
         return (
             <ErrorScreenManager
                 code={errorResponseCode}
-                subtitle={
-                    errorResponseCode == 403 ? unauthorizedInfoText(SIDEBAR_KEYS.nodeGVK.Kind.toLowerCase()) : ''
-                }
+                subtitle={errorResponseCode == 403 ? unauthorizedInfoText(SIDEBAR_KEYS.nodeGVK.Kind.toLowerCase()) : ''}
             />
         )
     }

src/assets/icons/ic-cpu.svg

@@ -118,6 +118,7 @@
             display: grid;
             grid-template-columns: 20px minmax(auto, 200px) repeat(5, 100px);
             column-gap: 12px;
+            align-items: center;
 
             &:hover:not(:first-of-type) {
                 background-color: var(--bg-secondary);