CE-3061: Update ioc alerts and status separately

Deployed to both DEMO and TEST. You can also check all scenarios running storybook for IOC List view and IOC Details view if running it locally

This is where the changes occur:

IOC List view, status column, where status (active/inactive) and alerts (badge with error or warning symbol) is fetched in separate calls.

IOC details view, alerts are displayed as banners and status is displayed only as active/inactive/disabled without alert badge

Possible UI states:

active

inactive

disabled

active with severity error

active with severity warning

inactive with severity error

inactive with severity warning

disabled with severity error

disabled with severity warning

Status response:

deployed:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": true
}started:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": true
}stopped:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": null
}undeployed:
{
  "iocId": 21,
  "alertSeverity": "INFO",
  "alerts": [
    {
      "type": "INFO",
      "message": "IOC is not deployed",
      "link": null
    }
  ],
  "active": false
}

src/components/IOC/IOCTable/IOCTable.spec.js

@@ -6,10 +6,10 @@ const textColumns = ["IOC name", "Description", "Host", "Network"];
 const columns = ["Status"].concat(textColumns);
 const firstRowData = [
   "Active with alert(s) 1 warnings1 errors !",
-  "CCCE:MOCK1",
-  "Some description",
-  "vacs-accv-vm-ioc",
-  "ChannelAccess-FEB"
+  "CCCE:MOCK4",
+  "---",
+  "ccce-test-ioc-02",
+  "CSLab-GeneralLab"
 ];
 
 describe("IOCTable", () => {
@@ -31,9 +31,9 @@ describe("IOCTable", () => {
         .should("have.length", textColumns.length - 1);
     });
 
-    it("Displays correct content in first row", () => {
+    it("Displays correct content in third row", () => {
       cy.findAllByRole("row")
-        .eq(1) // first row is headers, so get next index
+        .eq(4) // first row is headers, so get next index
         .each(($el, index) => {
           if (index === 0) {
             const iconTitle = firstRowData[index];