feat(ui): ui change for edge compute settings EE-3800 (#7365)

* added style to edge compute under settings

app/react/components/form-components/FormError.tsx

@@ -1,11 +1,14 @@
 import { PropsWithChildren } from 'react';
 
+import { Icon } from '@@/Icon';
+
 export function FormError({ children }: PropsWithChildren<unknown>) {
   return (
-    <div className="small text-warning">
-      <i
-        className="fa fa-exclamation-triangle space-right"
-        aria-hidden="true"
+    <div className="small text-warning vertical-center">
+      <Icon
+        icon="alert-triangle"
+        feather
+        className="icon icon-sm icon-warning"
       />
       {children}
     </div>

app/react/components/form-components/SwitchField/Switch.css

@@ -66,3 +66,7 @@
   background-color: var(--BE-only);
   box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px var(--BE-only);
 }
+
+.switch input[type='checkbox']:disabled + .slider {
+  cursor: not-allowed;
+}