contract in list clickable

frontend/src/routes/ContractsList.tsx

@@ -1,7 +1,6 @@
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/Delete";
 import EditIcon from "@mui/icons-material/Edit";
-import VisibilityIcon from "@mui/icons-material/Visibility";
 import {
   Box,
   Button,
@@ -180,7 +179,12 @@ export default function ContractsList() {
               </TableRow>
             )}
             {filtered.map((contract) => (
-              <TableRow key={contract.id} hover>
+              <TableRow
+                key={contract.id}
+                hover
+                sx={{ cursor: "pointer" }}
+                onClick={() => navigate(`/contracts/${contract.id}`)}
+              >
                 <TableCell>
                   <Typography fontWeight={600}>{contract.title}</Typography>
                   <Typography variant="caption" color="text.secondary">
@@ -199,18 +203,24 @@ export default function ContractsList() {
                   </Box>
                 </TableCell>
                 <TableCell align="right">
-                  <Tooltip title={t("contracts.details")}>
-                    <IconButton onClick={() => navigate(`/contracts/${contract.id}`)}>
-                      <VisibilityIcon />
-                    </IconButton>
-                  </Tooltip>
                   <Tooltip title={t("contracts.edit")}>
-                    <IconButton onClick={() => navigate(`/contracts/${contract.id}/edit`)}>
+                    <IconButton
+                      onClick={(event) => {
+                        event.stopPropagation();
+                        navigate(`/contracts/${contract.id}/edit`);
+                      }}
+                    >
                       <EditIcon />
                     </IconButton>
                   </Tooltip>
                   <Tooltip title={t("actions.delete")}>
-                    <IconButton color="error" onClick={() => setContractToDelete(contract)}>
+                    <IconButton
+                      color="error"
+                      onClick={(event) => {
+                        event.stopPropagation();
+                        setContractToDelete(contract);
+                      }}
+                    >
                       <DeleteIcon />
                     </IconButton>
                   </Tooltip>