Types cleanup; type safe refactoring; Remove unused clickhouse service; ems: GET all lines; Roles types;

client/src/pages/Roles.tsx

@@ -4,6 +4,7 @@ import RoleService from '../services/RoleService'
 import FormFields from '../components/FormFields'
 import { Button, Loader, Modal, ScrollAreaAutosize, Table } from '@mantine/core'
 import { useDisclosure } from '@mantine/hooks'
+import { IRole } from '../interfaces/role'
 
 export default function Roles() {
   const { roles, isError, isLoading } = useRoles()
@@ -45,38 +46,18 @@ export default function Roles() {
             ))}
           </Table.Tr>
         </Table.Thead>
-        <Table.Tbody>{roles.map((role: any) => (
-          <Table.Tr
-            key={role.id}
-          //bg={selectedRows.includes(element.position) ? 'var(--mantine-color-blue-light)' : undefined}
-          >
-            {columns.map(column => (
-              <Table.Td key={column.field}>{role[column.field]}</Table.Td>
-            ))}
-          </Table.Tr>
-        ))}</Table.Tbody>
+        <Table.Tbody>
+          {roles.map((role: IRole) => (
+            <Table.Tr
+              key={role.id}
+            >
+              {columns.map(column => (
+                <Table.Td key={column.field}>{role[column.field as keyof IRole]}</Table.Td>
+              ))}
+            </Table.Tr>
+          ))}
+        </Table.Tbody>
       </Table>
-
-      {/* <DataGrid
-        autoHeight
-        style={{ width: "100%" }}
-        rows={roles}
-        columns={columns}
-        initialState={{
-          pagination: {
-            paginationModel: { page: 0, pageSize: 10 },
-          },
-        }}
-        pageSizeOptions={[10, 20, 50, 100]}
-        disableRowSelectionOnClick
-
-        processRowUpdate={(updatedRow) => {
-          return updatedRow
-        }}
-
-        onProcessRowUpdateError={() => {
-        }}
-      /> */}
     </ScrollAreaAutosize>
   )
 }