feat(ui): renovate the edge devices waiting room (#7456)

app/edge/EdgeDevices/WaitingRoomView/Datatable/Datatable.tsx

@@ -109,19 +109,22 @@ export function DataTable({
     <div className="row">
       <div className="col-sm-12">
         <Table.Container>
-          <Table.Title label="Edge Devices Waiting Room" icon="" />
+          <Table.Title label="Edge Devices Waiting Room" icon="">
-          <Table.Actions>
+            <SearchBar
-            <Button
+              onChange={handleSearchBarChange}
-              onClick={() =>
+              value={searchBarValue}
-                handleAssociateDevice(selectedFlatRows.map((r) => r.original))
+            />
-              }
+            <Table.Actions>
-              disabled={selectedFlatRows.length === 0}
+              <Button
-            >
+                onClick={() =>
-              Associate Device
+                  handleAssociateDevice(selectedFlatRows.map((r) => r.original))
-            </Button>
+                }
-          </Table.Actions>
+                disabled={selectedFlatRows.length === 0}
-
+              >
-          <SearchBar onChange={handleSearchBarChange} value={searchBarValue} />
+                Associate Device
+              </Button>
+            </Table.Actions>
+          </Table.Title>
 
           <Table
             className={tableProps.className}