From 20a6a0d6be63f08493f8116fbf24ca62f71e9bdf Mon Sep 17 00:00:00 2001
From: Reinder Kraaij <kraaij@astron.nl>
Date: Fri, 29 Dec 2023 21:02:58 +0100
Subject: [PATCH] add XXXX-XX-XX for datetime

---
 .../__snapshots__/report.project.test.js.snap |  879 +-----
 .../systemevent.list.test.js.snap             | 2474 +++--------------
 .../src/tests/report.project.test.js          |   12 +
 .../src/tests/systemevent.list.test.js        |    4 +-
 .../tmss_webapp/src/utils/test.helper.js      |    3 +
 5 files changed, 452 insertions(+), 2920 deletions(-)

diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
index 0bb303410fb..7e001222ebe 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
@@ -1302,49 +1302,6 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
           class="p-autocomplete-multiple-container p-component p-inputtext p-focus"
           data-pc-section="container"
         >
-          <li
-            class="p-autocomplete-token p-highlight"
-            data-pc-section="token"
-          >
-            <span
-              class="p-autocomplete-token-label"
-              data-pc-section="tokenlabel"
-            >
-              Calibration
-            </span>
-            <svg
-              aria-hidden="true"
-              class="p-icon p-autocomplete-token-icon"
-              data-pc-section="removetokenicon"
-              fill="none"
-              height="14"
-              viewBox="0 0 14 14"
-              width="14"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                clip-path="url(#pr_icon_clip_1)"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M7 14C5.61553 14 4.26215 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303296 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303296 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1.16667C5.84628 1.16667 4.71846 1.50879 3.75918 2.14976C2.79989 2.79074 2.05222 3.70178 1.61071 4.76768C1.16919 5.83358 1.05367 7.00647 1.27876 8.13803C1.50384 9.26958 2.05941 10.309 2.87521 11.1248C3.69102 11.9406 4.73042 12.4962 5.86198 12.7212C6.99353 12.9463 8.16642 12.8308 9.23232 12.3893C10.2982 11.9478 11.2093 11.2001 11.8502 10.2408C12.4912 9.28154 12.8333 8.15373 12.8333 7C12.8333 5.45291 12.2188 3.96918 11.1248 2.87521C10.0308 1.78125 8.5471 1.16667 7 1.16667ZM4.66662 9.91668C4.58998 9.91704 4.51404 9.90209 4.44325 9.87271C4.37246 9.84333 4.30826 9.8001 4.2544 9.74557C4.14516 9.6362 4.0838 9.48793 4.0838 9.33335C4.0838 9.17876 4.14516 9.0305 4.2544 8.92113L6.17553 7L4.25443 5.07891C4.15139 4.96832 4.09529 4.82207 4.09796 4.67094C4.10063 4.51982 4.16185 4.37563 4.26872 4.26876C4.3756 4.16188 4.51979 4.10066 4.67091 4.09799C4.82204 4.09532 4.96829 4.15142 5.07887 4.25446L6.99997 6.17556L8.92106 4.25446C9.03164 4.15142 9.1779 4.09532 9.32903 4.09799C9.48015 4.10066 9.62434 4.16188 9.73121 4.26876C9.83809 4.37563 9.89931 4.51982 9.90198 4.67094C9.90464 4.82207 9.84855 4.96832 9.74551 5.07891L7.82441 7L9.74554 8.92113C9.85478 9.0305 9.91614 9.17876 9.91614 9.33335C9.91614 9.48793 9.85478 9.6362 9.74554 9.74557C9.69168 9.8001 9.62748 9.84333 9.55669 9.87271C9.4859 9.90209 9.40996 9.91704 9.33332 9.91668C9.25668 9.91704 9.18073 9.90209 9.10995 9.87271C9.03916 9.84333 8.97495 9.8001 8.9211 9.74557L6.99997 7.82444L5.07884 9.74557C5.02499 9.8001 4.96078 9.84333 4.88999 9.87271C4.81921 9.90209 4.74326 9.91704 4.66662 9.91668Z"
-                  fill="currentColor"
-                  fill-rule="evenodd"
-                />
-              </g>
-              <defs>
-                <clippath
-                  id="pr_icon_clip_1"
-                >
-                  <rect
-                    fill="white"
-                    height="14"
-                    width="14"
-                  />
-                </clippath>
-              </defs>
-            </svg>
-          </li>
           <li
             class="p-autocomplete-input-token"
             data-pc-section="inputtoken"
@@ -1361,6 +1318,34 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
             />
           </li>
         </ul>
+        <svg
+          aria-hidden="true"
+          class="p-icon p-autocomplete-loader p-icon-spin"
+          data-pc-section="loadingicon"
+          fill="none"
+          height="14"
+          viewBox="0 0 14 14"
+          width="14"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#undefined)"
+          >
+            <path
+              d="M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z"
+              fill="currentColor"
+            />
+          </g>
+          <defs>
+            <clippath>
+              <rect
+                fill="white"
+                height="14"
+                width="14"
+              />
+            </clippath>
+          </defs>
+        </svg>
       </span>
       <label
         class="col-lg-2 col-md-2 col-sm-12"
@@ -1391,9 +1376,10 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
         class="col-lg-2 col-md-1 col-sm-12"
       >
         <button
-          class="p-button p-component p-button-primary p-button-generate p-button-icon-only"
+          class="p-button p-component p-button-primary p-button-generate p-button-icon-only p-disabled"
           data-pc-name="button"
           data-pc-section="root"
+          disabled=""
         >
           <span
             class="p-button-icon p-c pi pi-check"
@@ -1423,811 +1409,6 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
         </button>
       </div>
     </div>
-    <div>
-      <a
-        class="report-download-bar"
-        href="/"
-        style="color: rgb(20, 128, 72);"
-        title="Download Report Data in CSV format"
-      >
-        <i
-          class="fas fa-file-csv"
-        />
-      </a>
-      <a
-        class="report-download-bar"
-        href="/"
-        style="color: rgb(242, 15, 0);"
-        title="Download Report as PDF"
-      >
-        <i
-          class="fas fa-file-pdf"
-        />
-      </a>
-      <i
-        class="pi pi-print report-download-bar print-btn"
-        title="Print Report"
-      />
-    </div>
-    <div>
-      <div
-        style="margin-bottom: 20px;"
-      >
-        <style>
-          @page { margin: 138px 72px 138px 72px !important; }
-        </style>
-        <div
-          class="report-div"
-          id="Calibration-report-div"
-        >
-          <div
-            id="Calibration-project-details"
-          >
-            <h2
-              style="text-align: center; margin-bottom: 25px;"
-            >
-              Report statistics for project Calibration
-            </h2>
-            <div
-              class="p-grid report-wrap"
-            >
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Project Documentation
-                </label>
-              </div>
-              <div
-                class="col-lg-9 col-md-8 col-sm-12"
-              >
-                <a
-                  href="https://support.astron.nl/jira"
-                  rel="noreferrer"
-                  target="_blank"
-                >
-                  Link to Jira Ticket
-                </a>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Project statistics over the period
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  Jun 01 2023 - May 31 2024
-                </span>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Contact Project Friend
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  Man Kind
-                </span>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Awarded Observing Time(hours)
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  0.00
-                </span>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Awarded Processing Time(hours)
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  0.00
-                </span>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Awarded LTA Storage(TB)
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  109.95
-                </span>
-              </div>
-              <div
-                class="col-lg-3 col-md-4 col-sm-12"
-              >
-                <label>
-                  Awarded Support Time(hours)
-                </label>
-              </div>
-              <div
-                class="col-lg-8 col-md-9 col-sm-12"
-              >
-                <span>
-                  0.00
-                </span>
-              </div>
-            </div>
-            <div
-              class="resource-utilization"
-              id="Calibration-resource-utilization"
-              style="padding-top: 10px; padding-bottom: 10px;"
-            >
-              <canvas
-                height="10"
-                role="img"
-                width="50%"
-              />
-            </div>
-          </div>
-          <div
-            class="su-details"
-            id="Calibration-su-details"
-          >
-            <label>
-              Scheduling Units of the project
-            </label>
-            <table
-              class="report-table"
-            >
-              <thead>
-                <tr>
-                  <th>
-                    SU Name & Link in TMSS
-                  </th>
-                  <th>
-                    SU Status Failed / Success 
-                  </th>
-                  <th>
-                    SU Acceptance Failed / Success / Pending
-                  </th>
-                  <th>
-                    SU Execution Date
-                  </th>
-                  <th>
-                    Time Observed (hr)
-                  </th>
-                  <th>
-                    Time Observed Incremental (hr)
-                  </th>
-                  <th>
-                    Time left for Observing (hr)
-                  </th>
-                  <th>
-                    Completed Observing Time(%)
-                  </th>
-                  <th>
-                    Time Processed (hr)
-                  </th>
-                  <th>
-                    Time Processed Incremental (hr)
-                  </th>
-                  <th>
-                    Time left for Processing (hr)
-                  </th>
-                  <th>
-                    Completed Processing Time(%)
-                  </th>
-                  <th>
-                    LTA Ingest Date
-                  </th>
-                  <th>
-                    Ingested Data Size(TB)
-                  </th>
-                  <th>
-                    Used LTA Allocation (Incremental) (%)
-                  </th>
-                  <th>
-                    SAS ID (Observations)
-                  </th>
-                  <th>
-                    SAS ID (Pipelines)
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3433"
-                      target="_blank"
-                    >
-                      swlevel 3 test
-                    </a>
-                  </td>
-                  <td>
-                    processed
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    2023-08-01
-                  </td>
-                  <td>
-                    0.08
-                  </td>
-                  <td>
-                    0.08
-                  </td>
-                  <td>
-                    -0.08
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td>
-                    0.09
-                  </td>
-                  <td>
-                    0.09
-                  </td>
-                  <td>
-                    -0.09
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023804
-                  </td>
-                  <td>
-                    2023806, 2023805
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3432"
-                      target="_blank"
-                    >
-                      swlevel 3 test
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    2023-08-01
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.09
-                  </td>
-                  <td>
-                    -0.09
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023799
-                  </td>
-                  <td>
-                    2023800, 2023801
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3537"
-                      target="_blank"
-                    >
-                      Holog test run B1.2
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    2023-08-10
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.09
-                  </td>
-                  <td>
-                    -0.09
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2024252
-                  </td>
-                  <td>
-                    2024253
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3820"
-                      target="_blank"
-                    >
-                      Holog test run D1
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.07
-                  </td>
-                  <td>
-                    0.16
-                  </td>
-                  <td>
-                    -0.16
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2025506
-                  </td>
-                  <td>
-                    2025509
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3726"
-                      target="_blank"
-                    >
-                      Holog test run C2
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.07
-                  </td>
-                  <td>
-                    0.23
-                  </td>
-                  <td>
-                    -0.23
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2025124
-                  </td>
-                  <td>
-                    2025125
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3724"
-                      target="_blank"
-                    >
-                      Holog test run C1
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.23
-                  </td>
-                  <td>
-                    -0.23
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2025119
-                  </td>
-                  <td>
-                    2025120
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3536"
-                      target="_blank"
-                    >
-                      Holog test run B1.1
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.09
-                  </td>
-                  <td>
-                    0.32
-                  </td>
-                  <td>
-                    -0.32
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2024249
-                  </td>
-                  <td>
-                    2024250
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3438"
-                      target="_blank"
-                    >
-                      Holog test run A2.2
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.32
-                  </td>
-                  <td>
-                    -0.32
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023820
-                  </td>
-                  <td>
-                    2023821
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3437"
-                      target="_blank"
-                    >
-                      Holog test run A2.1
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.32
-                  </td>
-                  <td>
-                    -0.32
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023817
-                  </td>
-                  <td>
-                    2023818
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3436"
-                      target="_blank"
-                    >
-                      Holog test run A1.2
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.32
-                  </td>
-                  <td>
-                    -0.32
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023814
-                  </td>
-                  <td>
-                    2023815
-                  </td>
-                </tr>
-                <tr
-                  style="border: 1px solid;"
-                >
-                  <td>
-                    <a
-                      href="/schedulingunit/view/blueprint/3435"
-                      target="_blank"
-                    >
-                      Holog test run A1.1
-                    </a>
-                  </td>
-                  <td>
-                    cancelled
-                  </td>
-                  <td>
-                    acceptance_pending
-                  </td>
-                  <td>
-                    Invalid date
-                  </td>
-                  <td />
-                  <td />
-                  <td />
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.32
-                  </td>
-                  <td>
-                    -0.32
-                  </td>
-                  <td>
-                    Infinity
-                  </td>
-                  <td />
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    0.00
-                  </td>
-                  <td>
-                    2023811
-                  </td>
-                  <td>
-                    2023812
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          <div
-            class="target-exposure"
-            id="Calibration-target-exposure"
-            style="padding-top: 10px; padding-bottom: 10px;"
-          >
-            <canvas
-              height="10"
-              role="img"
-              width="50%"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div />
   </div>
 </DocumentFragment>
 `;
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
index 2098d5d589b..29497961525 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
@@ -46,2168 +46,504 @@ exports[`Systen Event List  System Event List  renders correctly without securit
 `;
 
 exports[`Systen Event List  System Event Renders correctly with data 1`] = `
-<DocumentFragment>
-  <div
-    class="page-header defaultrightpageHeader"
-  >
-    <div
-      class="title"
-    >
-      <h2
-        class="page-title"
-      >
-        System Issues - List
-      </h2>
-    </div>
-    <div
-      class="page-action-menu page-actionsdefaultrightpageHeader"
-    >
-      <button
-        class="p-button p-component p-button-icon-only"
-        data-pc-name="button"
-        data-pc-section="root"
-        title="Add System Event"
-      >
-        <span
-          class="p-button-icon p-c pi pi-plus"
-          data-pc-section="icon"
-        />
-        <span
-          class="p-button-label p-c"
-        >
-           
-        </span>
-      </button>
-    </div>
-  </div>
+"<html>
+
+<head></head>
+
+<body>
   <div>
-    <div
-      style="display: flex; justify-content: space-between; height: 35px;"
-    >
-      <div
-        id="block_container"
-      >
-        <div
-          style="text-align: left; margin-right: 30px;"
-          title="Toggle Columns"
-        >
-          <i
-            class="fa fa-columns col-filter-btn"
-            label="Toggle Columns"
-          />
-          <div
-            style="position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);"
-          >
-            <i
-              class="fas fa-sync-alt"
-              title="Clear All Filters"
-            />
+    <div class=\\"page-header defaultrightpageHeader\\">
+      <div class=\\"title\\">
+        <h2 class=\\"page-title\\">System Issues - List</h2>
+      </div>
+      <div class=\\"page-action-menu page-actionsdefaultrightpageHeader\\"><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Add System Event\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-plus\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button></div>
+    </div>
+    <div>
+      <div style=\\"display: flex; justify-content: space-between; height: 35px;\\">
+        <div id=\\"block_container\\">
+          <div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i>
+            <div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div>
           </div>
+          <div style=\\"text-align: right;\\"><span style=\\"margin-left: -10px;\\"><input value=\\"\\"> <i class=\\"fa fa-search\\"></i></span></div>
+          <div class=\\"total_records_top_label\\"> <label>Total records (3)</label></div>
         </div>
-        <div
-          style="text-align: right;"
-        >
-          <span
-            style="margin-left: -10px;"
-          >
-            <input
-              value=""
-            />
-              
-            <i
-              class="fa fa-search"
-            />
-          </span>
-        </div>
-        <div
-          class="total_records_top_label"
-        >
-           
-          <label>
-            Total records (3)
-          </label>
-        </div>
-      </div>
-      <div
-        class="total_records_top_label"
-        style="margin-top: 3px; margin-right: 5px;"
-      >
-        <a
-          href="#"
-          style="vertical-align: middle;"
-          title="Download CSV"
-        >
-          <i
-            class="fas fa-file-csv"
-            style="color: green; font-size: 20px;"
-          />
-        </a>
+        <div class=\\"total_records_top_label\\" style=\\"margin-top: 3px; margin-right: 5px;\\"><a href=\\"#\\" title=\\"Download CSV\\" style=\\"vertical-align: middle;\\"><i class=\\"fas fa-file-csv\\" style=\\"color: green; font-size: 20px;\\"></i></a></div>
       </div>
-    </div>
-    <div
-      class="tmss-table table_container"
-    >
-      <table
-        class="viewtable"
-        data-testid="viewtable"
-        role="table"
-        style="min-width: 1080px;"
-      >
-        <thead>
-          <tr
-            data-testid="tablerows"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 1080px;"
-          >
-            <th
-              class="fixed-column-td"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class="fixed-column"
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;"
-                  >
-                    <div
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Action"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                    >
-                      Action
-                    </div>
+      <div class=\\"tmss-table table_container\\">
+        <table role=\\"table\\" style=\\"min-width: 1080px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\">
+          <thead>
+            <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerows\\">
+              <th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\">Action</div>
+                    </div>
+                    <div></div>
                   </div>
-                  <div />
                 </div>
-              </div>
-            </th>
-            <th
-              class="notfixed-column-td-SystemEventId"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="System Event Id"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="System Event Id"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      System Event Id
-                      <i
-                        aria-hidden="true"
-                        class="pi pi-sort-up"
-                      />
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-SystemEventId\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"System Event Id\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"System Event Id\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">System Event Id<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Created"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Created"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Created"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Created
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Created\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Created\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Created\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Created</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                    >
-                      <div
-                        class="flatpickr-range-filter"
-                        data-enable-time="true"
-                        data-input="true"
-                        title="Enter the date & time range to search and press ‘Ok’ button"
-                      >
-                        <input
-                          class="p-inputtext p-component calendar-input flatpickr-input"
-                          data-input="true"
-                          type="text"
-                        />
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-button"
-                          data-toggle="true"
-                          title="Click to select the date range"
-                        >
-                          <i
-                            class="fas fa-calendar"
-                          />
-                        </button>
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-reset"
-                          title="Clear date range"
-                        >
-                          <i
-                            class="pi pi-times"
-                            style="color: white;"
-                          />
-                        </button>
+                    <div>
+                      <div class=\\"table-filter\\">
+                        <div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date &amp; time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Name"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Name"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Name"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Name
-                    </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Description"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Description"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Description"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Description
-                    </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-StartTime"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Start Time"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Start Time"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Start Time
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                    >
-                      <div
-                        class="flatpickr-range-filter"
-                        data-enable-time="true"
-                        data-input="true"
-                        title="Enter the date & time range to search and press ‘Ok’ button"
-                      >
-                        <input
-                          class="p-inputtext p-component calendar-input flatpickr-input"
-                          data-input="true"
-                          type="text"
-                        />
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-button"
-                          data-toggle="true"
-                          title="Click to select the date range"
-                        >
-                          <i
-                            class="fas fa-calendar"
-                          />
-                        </button>
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-reset"
-                          title="Clear date range"
-                        >
-                          <i
-                            class="pi pi-times"
-                            style="color: white;"
-                          />
-                        </button>
-                      </div>
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-EndTime"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="End Time"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="End Time"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      End Time
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                    >
-                      <div
-                        class="flatpickr-range-filter"
-                        data-enable-time="true"
-                        data-input="true"
-                        title="Enter the date & time range to search and press ‘Ok’ button"
-                      >
-                        <input
-                          class="p-inputtext p-component calendar-input flatpickr-input"
-                          data-input="true"
-                          type="text"
-                        />
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-button"
-                          data-toggle="true"
-                          title="Click to select the date range"
-                        >
-                          <i
-                            class="fas fa-calendar"
-                          />
-                        </button>
-                        <button
-                          class="p-button p-component p-button-icon-only calendar-reset"
-                          title="Clear date range"
-                        >
-                          <i
-                            class="pi pi-times"
-                            style="color: white;"
-                          />
-                        </button>
-                      </div>
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Duration"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Duration"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Duration"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Duration
-                    </div>
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-StartTime\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">XXXX-XX-XX XXXX:XX:XX</div>
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\">XXXX-XX-XX XXXX:XX:XX</div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-EndTime\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">XXXX-XX-XX XXXX:XX:XX</div>
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\">XXXX-XX-XX XXXX:XX:XX</div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Duration\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Duration\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration</div>
+                    </div>
+                    <div></div>
                   </div>
-                  <div />
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-IssueType"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Issue Type"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Issue Type"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Issue Type
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-IssueType\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Issue Type\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Issue Type\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Issue Type</div>
                     </div>
-                  </div>
-                  <div>
                     <div>
-                      <div
-                        style="position: relative; display: flex;"
-                      >
-                        <div
-                          class="p-multiselect p-component p-inputwrapper multi-select"
-                          data-pc-name="multiselect"
-                          data-pc-section="root"
-                          data-testid="multi-select"
-                          id="multi-select"
-                          style="width: 85%;"
-                        >
-                          <div
-                            class="p-hidden-accessible"
-                            data-pc-section="hiddeninputwrapper"
-                          >
-                            <input
-                              aria-expanded="false"
-                              data-pc-section="input"
-                              readonly=""
-                              role="listbox"
-                              tabindex="0"
-                              type="text"
-                            />
-                          </div>
-                          <div
-                            class="p-multiselect-label-container"
-                            data-pc-section="labelcontainer"
-                          >
-                            <div
-                              class="p-multiselect-label p-multiselect-label-empty"
-                              data-pc-section="label"
-                            >
-                              empty
+                      <div>
+                        <div style=\\"position: relative; display: flex;\\">
+                          <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                            <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                            <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
+                              <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div>
                             </div>
+                            <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
+                                <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                              </svg></div>
                           </div>
-                          <div
-                            class="p-multiselect-trigger"
-                            data-pc-section="trigger"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="p-icon p-multiselect-trigger-icon p-c"
-                              data-pc-section="triggericon"
-                              fill="none"
-                              height="14"
-                              viewBox="0 0 14 14"
-                              width="14"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                        <div>
-                          <button
-                            class="p-link"
-                          >
-                            <i
-                              class="pi pi-search search-btn"
-                            />
-                          </button>
+                          <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-IssueSubtype"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Issue Subtype"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Issue Subtype"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Issue Subtype
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-IssueSubtype\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Issue Subtype\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Issue Subtype\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Issue Subtype</div>
                     </div>
-                  </div>
-                  <div>
                     <div>
-                      <div
-                        style="position: relative; display: flex;"
-                      >
-                        <div
-                          class="p-multiselect p-component p-inputwrapper multi-select"
-                          data-pc-name="multiselect"
-                          data-pc-section="root"
-                          data-testid="multi-select"
-                          id="multi-select"
-                          style="width: 85%;"
-                        >
-                          <div
-                            class="p-hidden-accessible"
-                            data-pc-section="hiddeninputwrapper"
-                          >
-                            <input
-                              aria-expanded="false"
-                              data-pc-section="input"
-                              readonly=""
-                              role="listbox"
-                              tabindex="0"
-                              type="text"
-                            />
-                          </div>
-                          <div
-                            class="p-multiselect-label-container"
-                            data-pc-section="labelcontainer"
-                          >
-                            <div
-                              class="p-multiselect-label p-multiselect-label-empty"
-                              data-pc-section="label"
-                            >
-                              empty
+                      <div>
+                        <div style=\\"position: relative; display: flex;\\">
+                          <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                            <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                            <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
+                              <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div>
                             </div>
+                            <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
+                                <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                              </svg></div>
                           </div>
-                          <div
-                            class="p-multiselect-trigger"
-                            data-pc-section="trigger"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="p-icon p-multiselect-trigger-icon p-c"
-                              data-pc-section="triggericon"
-                              fill="none"
-                              height="14"
-                              viewBox="0 0 14 14"
-                              width="14"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                        <div>
-                          <button
-                            class="p-link"
-                          >
-                            <i
-                              class="pi pi-search search-btn"
-                            />
-                          </button>
+                          <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Severity"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Severity"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Severity"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Severity
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Severity\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Severity\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Severity\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Severity</div>
                     </div>
-                  </div>
-                  <div>
                     <div>
-                      <div
-                        style="position: relative; display: flex;"
-                      >
-                        <div
-                          class="p-multiselect p-component p-inputwrapper multi-select"
-                          data-pc-name="multiselect"
-                          data-pc-section="root"
-                          data-testid="multi-select"
-                          id="multi-select"
-                          style="width: 85%;"
-                        >
-                          <div
-                            class="p-hidden-accessible"
-                            data-pc-section="hiddeninputwrapper"
-                          >
-                            <input
-                              aria-expanded="false"
-                              data-pc-section="input"
-                              readonly=""
-                              role="listbox"
-                              tabindex="0"
-                              type="text"
-                            />
-                          </div>
-                          <div
-                            class="p-multiselect-label-container"
-                            data-pc-section="labelcontainer"
-                          >
-                            <div
-                              class="p-multiselect-label p-multiselect-label-empty"
-                              data-pc-section="label"
-                            >
-                              empty
+                      <div>
+                        <div style=\\"position: relative; display: flex;\\">
+                          <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                            <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                            <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
+                              <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div>
                             </div>
+                            <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
+                                <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                              </svg></div>
                           </div>
-                          <div
-                            class="p-multiselect-trigger"
-                            data-pc-section="trigger"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="p-icon p-multiselect-trigger-icon p-c"
-                              data-pc-section="triggericon"
-                              fill="none"
-                              height="14"
-                              viewBox="0 0 14 14"
-                              width="14"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                        <div>
-                          <button
-                            class="p-link"
-                          >
-                            <i
-                              class="pi pi-search search-btn"
-                            />
-                          </button>
+                          <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-CreatedBy"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Created By"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Created By"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Created By
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-CreatedBy\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Created By\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Created By\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Created By</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Notes"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Notes"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Notes"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Notes
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Notes\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Notes\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Notes\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Notes</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-Status"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Status"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Status"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Status
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-Status\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Status\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Status\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Status</div>
                     </div>
-                  </div>
-                  <div>
                     <div>
-                      <div
-                        style="position: relative; display: flex;"
-                      >
-                        <div
-                          class="p-multiselect p-component p-inputwrapper multi-select"
-                          data-pc-name="multiselect"
-                          data-pc-section="root"
-                          data-testid="multi-select"
-                          id="multi-select"
-                          style="width: 85%;"
-                        >
-                          <div
-                            class="p-hidden-accessible"
-                            data-pc-section="hiddeninputwrapper"
-                          >
-                            <input
-                              aria-expanded="false"
-                              data-pc-section="input"
-                              readonly=""
-                              role="listbox"
-                              tabindex="0"
-                              type="text"
-                            />
-                          </div>
-                          <div
-                            class="p-multiselect-label-container"
-                            data-pc-section="labelcontainer"
-                          >
-                            <div
-                              class="p-multiselect-label p-multiselect-label-empty"
-                              data-pc-section="label"
-                            >
-                              empty
+                      <div>
+                        <div style=\\"position: relative; display: flex;\\">
+                          <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                            <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                            <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
+                              <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div>
                             </div>
+                            <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
+                                <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                              </svg></div>
                           </div>
-                          <div
-                            class="p-multiselect-trigger"
-                            data-pc-section="trigger"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="p-icon p-multiselect-trigger-icon p-c"
-                              data-pc-section="triggericon"
-                              fill="none"
-                              height="14"
-                              viewBox="0 0 14 14"
-                              width="14"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                        <div>
-                          <button
-                            class="p-link"
-                          >
-                            <i
-                              class="pi pi-search search-btn"
-                            />
-                          </button>
+                          <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-AffectedHardwareStations"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Affected Hardware Stations"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Affected Hardware Stations"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Affected Hardware Stations
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-AffectedHardwareStations\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Affected Hardware Stations\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Affected Hardware Stations\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Affected Hardware Stations</div>
                     </div>
-                  </div>
-                  <div>
                     <div>
-                      <div
-                        class="flex "
-                      >
-                        <div
-                          class="p-field-radiobutton"
-                        >
-                          <div
-                            class="p-radiobutton p-component p-radiobutton-checked"
-                            data-pc-name="radiobutton"
-                            data-pc-section="root"
-                          >
-                            <div
-                              class="p-hidden-accessible"
-                              data-pc-section="hiddeninputwrapper"
-                            >
-                              <input
-                                checked=""
-                                data-pc-section="hiddeninput"
-                                id="filtertype1"
-                                name="filtertype"
-                                type="radio"
-                              />
-                            </div>
-                            <div
-                              class="p-radiobutton-box p-highlight"
-                              data-pc-section="input"
-                            >
-                              <div
-                                class="p-radiobutton-icon"
-                                data-pc-section="icon"
-                              />
-                            </div>
+                      <div>
+                        <div class=\\"flex \\">
+                          <div class=\\"p-field-radiobutton\\">
+                            <div class=\\"p-radiobutton p-component p-radiobutton-checked\\" data-pc-name=\\"radiobutton\\" data-pc-section=\\"root\\">
+                              <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input id=\\"filtertype1\\" type=\\"radio\\" name=\\"filtertype\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div>
+                              <div class=\\"p-radiobutton-box p-highlight\\" data-pc-section=\\"input\\">
+                                <div class=\\"p-radiobutton-icon\\" data-pc-section=\\"icon\\"></div>
+                              </div>
+                            </div><label for=\\"filtertype1\\">Any</label>
                           </div>
-                          <label
-                            for="filtertype1"
-                          >
-                            Any
-                          </label>
-                        </div>
-                        <div
-                          class="p-field-radiobutton"
-                        >
-                          <div
-                            class="p-radiobutton p-component"
-                            data-pc-name="radiobutton"
-                            data-pc-section="root"
-                          >
-                            <div
-                              class="p-hidden-accessible"
-                              data-pc-section="hiddeninputwrapper"
-                            >
-                              <input
-                                data-pc-section="hiddeninput"
-                                id="filtertype2"
-                                name="filtertype"
-                                type="radio"
-                              />
-                            </div>
-                            <div
-                              class="p-radiobutton-box"
-                              data-pc-section="input"
-                            >
-                              <div
-                                class="p-radiobutton-icon"
-                                data-pc-section="icon"
-                              />
-                            </div>
+                          <div class=\\"p-field-radiobutton\\">
+                            <div class=\\"p-radiobutton p-component\\" data-pc-name=\\"radiobutton\\" data-pc-section=\\"root\\">
+                              <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input id=\\"filtertype2\\" type=\\"radio\\" name=\\"filtertype\\" data-pc-section=\\"hiddeninput\\"></div>
+                              <div class=\\"p-radiobutton-box\\" data-pc-section=\\"input\\">
+                                <div class=\\"p-radiobutton-icon\\" data-pc-section=\\"icon\\"></div>
+                              </div>
+                            </div><label for=\\"filtertype2\\">All</label>
                           </div>
-                          <label
-                            for="filtertype2"
-                          >
-                            All
-                          </label>
                         </div>
-                      </div>
-                      <div
-                        style="position: relative; display: flex;"
-                      >
-                        <div
-                          class="p-multiselect p-component p-inputwrapper multi-select"
-                          data-pc-name="multiselect"
-                          data-pc-section="root"
-                          data-testid="multi-select"
-                          id="multi-select"
-                          style="width: 95%;"
-                        >
-                          <div
-                            class="p-hidden-accessible"
-                            data-pc-section="hiddeninputwrapper"
-                          >
-                            <input
-                              aria-expanded="false"
-                              data-pc-section="input"
-                              readonly=""
-                              role="listbox"
-                              tabindex="0"
-                              type="text"
-                            />
-                          </div>
-                          <div
-                            class="p-multiselect-label-container"
-                            data-pc-section="labelcontainer"
-                          >
-                            <div
-                              class="p-multiselect-label p-multiselect-label-empty"
-                              data-pc-section="label"
-                            >
-                              empty
+                        <div style=\\"position: relative; display: flex;\\">
+                          <div id=\\"multi-select\\" style=\\"width: 95%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                            <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                            <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
+                              <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div>
                             </div>
-                          </div>
-                          <div
-                            class="p-multiselect-trigger"
-                            data-pc-section="trigger"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="p-icon p-multiselect-trigger-icon p-c"
-                              data-pc-section="triggericon"
-                              fill="none"
-                              height="14"
-                              viewBox="0 0 14 14"
-                              width="14"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </div>
+                            <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
+                                <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                              </svg></div>
+                          </div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button>
                         </div>
-                        <button
-                          class="p-link"
-                        >
-                          <i
-                            class="pi pi-search search-btn"
-                          />
-                        </button>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-AffectedTasks"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Affected Tasks"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Affected Tasks"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Affected Tasks
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-AffectedTasks\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Affected Tasks\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Affected Tasks\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Affected Tasks</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-            <th
-              class="notfixed-column-td-JiraURL"
-              role="tablehead"
-              style="display: flex;"
-            >
-              <div
-                style="display: flex;"
-              >
-                <div
-                  style="display: grid; vertical-align: bottom;"
-                >
-                  <div
-                    class=""
-                    colspan="1"
-                    role="columnheader"
-                    style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;"
-                    title="Toggle SortBy"
-                  >
-                    <div
-                      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                      data-rbd-drag-handle-context-id="0"
-                      data-rbd-drag-handle-draggable-id="Jira URL"
-                      data-rbd-draggable-context-id="0"
-                      data-rbd-draggable-id="Jira URL"
-                      draggable="false"
-                      role="button"
-                      style="transform: translate(0,0); user-select: none; cursor: default;"
-                      tabindex="0"
-                    >
-                      Jira URL
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+              <th role=\\"tablehead\\" class=\\"notfixed-column-td-JiraURL\\" style=\\"display: flex;\\">
+                <div style=\\"display: flex;\\">
+                  <div style=\\"display: grid; vertical-align: bottom;\\">
+                    <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\">
+                      <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Jira URL\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Jira URL\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Jira URL</div>
                     </div>
-                  </div>
-                  <div>
-                    <div
-                      class="table-filter"
-                      style="margin-right: 5px;"
-                    >
-                      <input
-                        title="Enter few characters and press ‘Enter’ key to search"
-                        value=""
-                      />
+                    <div>
+                      <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="resizer "
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          role="rowgroup"
-        >
-          <tr
-            class=""
-            data-testid="tablerow"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 1080px;"
-          >
-            <td
-              class="fixed-column-td"
-            >
-              <a
-                class="p-link"
-                href="/systemevent/view/undefined"
-                target=""
-              >
-                <i
-                  class="fa fa-eye"
-                  style="cursor: pointer;"
-                />
-              </a>
-            </td>
-            <td
-              class="notfixed-column-td-SystemEventId"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Created"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Name"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Description"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-StartTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-EndTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Duration"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 Unknown 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueType"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueSubtype"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Severity"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-CreatedBy"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Notes"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Status"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedHardwareStations"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedTasks"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-JiraURL"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 
-                <a
-                  rel="noreferrer"
-                  target="_blank"
-                />
-                 
-              </div>
-            </td>
-          </tr>
-          <tr
-            class=""
-            data-testid="tablerow"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 1080px;"
-          >
-            <td
-              class="fixed-column-td"
-            >
-              <a
-                class="p-link"
-                href="/systemevent/view/undefined"
-                target=""
-              >
-                <i
-                  class="fa fa-eye"
-                  style="cursor: pointer;"
-                />
-              </a>
-            </td>
-            <td
-              class="notfixed-column-td-SystemEventId"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Created"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Name"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Description"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-StartTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-EndTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Duration"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 Unknown 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueType"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueSubtype"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Severity"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-CreatedBy"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Notes"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Status"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedHardwareStations"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedTasks"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-JiraURL"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 
-                <a
-                  rel="noreferrer"
-                  target="_blank"
-                />
-                 
-              </div>
-            </td>
-          </tr>
-          <tr
-            class=""
-            data-testid="tablerow"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 1080px;"
-          >
-            <td
-              class="fixed-column-td"
-            >
-              <a
-                class="p-link"
-                href="/systemevent/view/undefined"
-                target=""
-              >
-                <i
-                  class="fa fa-eye"
-                  style="cursor: pointer;"
-                />
-              </a>
-            </td>
-            <td
-              class="notfixed-column-td-SystemEventId"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Created"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Name"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Description"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-StartTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-EndTime"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 2023-08-06 02:00:00 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Duration"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 Unknown 
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueType"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-IssueSubtype"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Severity"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-CreatedBy"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Notes"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-Status"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedHardwareStations"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-AffectedTasks"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                  
-              </div>
-            </td>
-            <td
-              class="notfixed-column-td-JiraURL"
-            >
-              <div
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
-              >
-                 
-                <a
-                  rel="noreferrer"
-                  target="_blank"
-                />
-                 
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <div />
-    <div
-      class="pagination p-grid"
-    >
-      <div
-        class="total_records_bottom_label"
-      >
-        <label>
-          Filtered 3 from 3
-        </label>
+                <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div>
+              </th>
+            </tr>
+          </thead>
+          <tbody role=\\"rowgroup\\">
+            <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\">
+              <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td>
+              <td class=\\"notfixed-column-td-SystemEventId\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Created\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Name\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Description\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-StartTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-EndTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-Duration\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueType\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueSubtype\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Severity\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-CreatedBy\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Notes\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Status\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedHardwareStations\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedTasks\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-JiraURL\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div>
+              </td>
+            </tr>
+            <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\">
+              <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td>
+              <td class=\\"notfixed-column-td-SystemEventId\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Created\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Name\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Description\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-StartTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-EndTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-Duration\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueType\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueSubtype\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Severity\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-CreatedBy\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Notes\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Status\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedHardwareStations\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedTasks\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-JiraURL\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div>
+              </td>
+            </tr>
+            <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\">
+              <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td>
+              <td class=\\"notfixed-column-td-SystemEventId\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Created\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Name\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Description\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-StartTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-EndTime\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div>
+              </td>
+              <td class=\\"notfixed-column-td-Duration\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueType\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-IssueSubtype\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Severity\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-CreatedBy\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Notes\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-Status\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedHardwareStations\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-AffectedTasks\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div>
+              </td>
+              <td class=\\"notfixed-column-td-JiraURL\\">
+                <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
-      <div>
-        <div
-          class="p-paginator p-component"
-          data-pc-name="paginator"
-          data-pc-section="root"
-        >
-          <button
-            aria-label="First Page"
-            class="p-paginator-first p-paginator-element p-link p-disabled"
-            data-pc-section="firstpagebutton"
-            disabled=""
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="p-icon p-paginator-icon"
-              data-pc-section="firstpageicon"
-              fill="none"
-              height="14"
-              viewBox="0 0 14 14"
-              width="14"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z"
-                fill="currentColor"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </button>
-          <button
-            aria-label="Previous Page"
-            class="p-paginator-prev p-paginator-element p-link p-disabled"
-            data-pc-section="prevpagebutton"
-            disabled=""
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="p-icon p-paginator-icon"
-              data-pc-section="prevpageicon"
-              fill="none"
-              height="14"
-              viewBox="0 0 14 14"
-              width="14"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <span
-            class="p-paginator-pages"
-            data-pc-section="pages"
-          >
-            <button
-              aria-label="Page"
-              class="p-paginator-page p-paginator-element p-link p-paginator-page-start p-paginator-page-end p-highlight"
-              data-pc-section="pagebutton"
-              type="button"
-            >
-              1
-            </button>
-          </span>
-          <button
-            aria-label="Next Page"
-            class="p-paginator-next p-paginator-element p-link p-disabled"
-            data-pc-section="nextpagebutton"
-            disabled=""
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="p-icon p-paginator-icon"
-              data-pc-section="nextpageicon"
-              fill="none"
-              height="14"
-              viewBox="0 0 14 14"
-              width="14"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <button
-            aria-label="Last Page"
-            class="p-paginator-last p-paginator-element p-link p-disabled"
-            data-pc-section="lastpagebutton"
-            disabled=""
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="p-icon p-paginator-icon"
-              data-pc-section="lastpageicon"
-              fill="none"
-              height="14"
-              viewBox="0 0 14 14"
-              width="14"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z"
-                fill="currentColor"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </button>
-          <div
-            class="p-dropdown p-component p-inputwrapper p-inputwrapper-filled"
-            data-pc-name="dropdown"
-            data-pc-section="root"
-          >
-            <div
-              class="p-hidden-accessible"
-              data-pc-section="hiddenselectedmessage"
-            >
-              <input
-                aria-haspopup="listbox"
-                aria-label="Choose"
-                data-pc-section="input"
-                readonly=""
-                type="text"
-              />
-            </div>
-            <div
-              class="p-hidden-accessible p-dropdown-hidden-select"
-              data-pc-section="hiddenselectedmessage"
-            >
-              <select
-                aria-hidden="true"
-                data-pc-section="select"
-                tabindex="-1"
-              >
-                <option
-                  data-pc-section="option"
-                  selected=""
-                  value="10"
-                >
-                  10
-                </option>
-              </select>
-            </div>
-            <span
-              class="p-dropdown-label p-inputtext"
-              data-pc-section="input"
-            >
-              10
-            </span>
-            <div
-              aria-expanded="false"
-              aria-haspopup="listbox"
-              aria-label="Choose"
-              class="p-dropdown-trigger"
-              data-pc-section="trigger"
-              role="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="p-icon p-dropdown-trigger-icon p-clickable"
-                data-pc-section="dropdownicon"
-                fill="none"
-                height="14"
-                viewBox="0 0 14 14"
-                width="14"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                  fill="currentColor"
-                />
-              </svg>
+      <div></div>
+      <div class=\\"pagination p-grid\\">
+        <div class=\\"total_records_bottom_label\\"><label>Filtered 3 from 3</label></div>
+        <div>
+          <div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\">
+                <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path>
+              </svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\">
+                <path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path>
+              </svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-paginator-page-end p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\">
+                <path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path>
+              </svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\">
+                <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path>
+              </svg></button>
+            <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
+              <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div>
+              <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
+                  <option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option>
+                </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span>
+              <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
+                  <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
+                </svg></div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="custom-page"
-      >
-        <span
-          class="p-inputnumber p-component p-inputwrapper"
-          data-pc-name="inputnumber"
-          data-pc-section="root"
-          id="customPageBottom"
-          style="width: 100px;"
-        >
-          <input
-            aria-valuemin="0"
-            class="p-inputtext p-component p-inputnumber-input p-inputnumber-input"
-            data-pc-name="inputtext"
-            data-pc-section="root"
-            inputmode="numeric"
-            min="0"
-            role="spinbutton"
-            type="text"
-            value=""
-          />
-        </span>
-        <label>
-          Records/Page
-        </label>
-        <button
-          class="p-button p-component"
-          data-pc-name="button"
-          data-pc-section="root"
-        >
-           Show 
-        </button>
-        <button
-          class="p-button p-component"
-          data-pc-name="button"
-          data-pc-section="root"
-          style="margin-left: 1em;"
-        >
-           Show All 
-        </button>
+        <div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div>
       </div>
     </div>
   </div>
-</DocumentFragment>
+</body>
+
+</html>
+"
 `;
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js
index a71c43a3d78..f60b66ab098 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js
@@ -88,12 +88,24 @@ describe('Project Report Render With Contents', () => {
 
         const csvanchorElement = component.container.querySelector('[title="Download Report Data in CSV format"]');
         act( () => { fireEvent.click(csvanchorElement);});
+        
+        
+
+
+        await waitFor(() => {
+            expect(component.container.querySelector('.p-autocomplete-loader')).toBeNull();
+        }, { timeout: 5000 });
 
         const componentSnapshotAfterCsv = component.asFragment();
         expect(componentSnapshotAfterCsv).toMatchSnapshot("After CSV Generation");
 
 
          cinstance.clearAll();
+        
+         await waitFor(() => {
+            expect(component.container.querySelector('.p-autocomplete-loader')).toBeNull();
+        }, { timeout: 5000 });
+
 
         const componentSnapshotAfterClear = component.asFragment();
         expect(componentSnapshotAfterClear).toMatchSnapshot("After Clear ALl");
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js
index 612ba0edd51..bfdb6a77853 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js
@@ -18,6 +18,7 @@ import { MemoryRouter } from "react-router-dom";
 
 import PermissionStackUtil from "../authenticate/permission.stack.handler";
 import { SystemEventList } from "../routes/SystemEvent/system.event.list";
+import { giveConsistentNodes } from "../utils/test.helper";
 
 
 
@@ -50,8 +51,7 @@ describe('Systen Event List ', () => {
 
     it('System Event Renders correctly with data', async () => {
         let {  component } = await Renderist();
-        const componentSnapshot = component.asFragment();
-        expect(componentSnapshot).toMatchSnapshot();
+        expect(giveConsistentNodes(component.container.outerHTML)).toMatchSnapshot();
         component.unmount();
 
     });
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js b/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js
index 11012609178..003f1dd7b95 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js
@@ -56,6 +56,9 @@ export function giveConsistentNodes(html) {
     const htmlwithcheerio =load(html, { xmlMode: false });
     htmlwithcheerio('[data-rbd-drag-handle-context-id]').attr('rbd-drag-handle-context-id', 'X');
     htmlwithcheerio('[datetime]').attr('datetime', 'X');
+    htmlwithcheerio('.notfixed-column-td-StartTime div').text('XXXX-XX-XX XXXX:XX:XX');
+    htmlwithcheerio('.notfixed-column-td-EndTime div').text('XXXX-XX-XX XXXX:XX:XX');
+    
     let result = htmlwithcheerio.html()
     const formattedHtml = beautify.html(result, {
         indent_size: 2,
-- 
GitLab