updating the layout based on the endpoints

src/pages/UsersPage.module.scss

@@ -18,6 +18,11 @@
   background: #ffffff;
   color: #172033;
   box-shadow: inset 0 0 0 1px #d9e1ec;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
 }
 
 .actionGroup {
@@ -50,6 +55,34 @@
   box-shadow: 0 20px 50px rgba(17, 24, 39, 0.08);
 }
 
+.usersToolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: flex-end;
+  margin: 0 0 20px;
+}
+
+.companyFilter {
+  display: grid;
+  gap: 8px;
+  min-width: min(320px, 100%);
+  color: #687487;
+  font-size: 0.88rem;
+  font-weight: 700;
+
+  select {
+    width: 100%;
+    border: 0;
+    border-radius: 14px;
+    padding: 11px 14px;
+    color: #1f2937;
+    background: #ffffff;
+    box-shadow: 0 14px 35px rgba(17, 24, 39, 0.07);
+    font: inherit;
+  }
+}
+
 .tableScroll {
   overflow-x: auto;
 }
@@ -58,6 +91,20 @@
   width: 100%;
   border-collapse: collapse;
   min-width: 760px;
+  table-layout: fixed;
+
+  thead,
+  tbody tr {
+    display: table;
+    width: 100%;
+    table-layout: fixed;
+  }
+
+  tbody {
+    display: block;
+    max-height: 520px;
+    overflow-y: auto;
+  }
 
   th,
   td {
@@ -83,6 +130,22 @@
   }
 }
 
+.pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 16px 18px;
+  color: #687487;
+  font-weight: 700;
+}
+
+.paginationActions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
 .selectedRow {
   background: #eef4ff;
 }