dockerfile, fixes, organization edit page

src/pages/OrganizationPage.jsx

@@ -9,6 +9,8 @@ import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import AddIcon from '@mui/icons-material/Add';
 import { Chip } from '@mui/material';
 import axiosInstance from '../api/axiosInstance';
+import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
+import {useNavigate} from "react-router-dom";
 
 export default function OrganizationPage() {
     const [rows, setRows] = useState([]);
@@ -18,6 +20,7 @@ export default function OrganizationPage() {
     const [open, setOpen] = useState(false);
     const [creating, setCreating] = useState(false);
     const [creatingError, setCreatingError] = useState('');
+    const navigate = useNavigate();
 
     const [createForm, setCreateForm] = useState({
         name: '',
@@ -83,6 +86,10 @@ export default function OrganizationPage() {
         }
     };
 
+    const handleEdit = (id) => {
+        navigate(`/organizations/${id}/edit`);
+    }
+
     const columns = [
         { field: 'id', headerName: 'ID', width: 70 },
         { field: 'name', headerName: 'Name', flex: 1.5 },
@@ -112,13 +119,16 @@ export default function OrganizationPage() {
         {
             field: 'actions',
             headerName: '',
-            width: 60,
+            width: 120,
             sortable: false,
             renderCell: ({ row }) => (
                 <Tooltip title="Löschen">
                     <IconButton size="small" color="error" onClick={() => handleDelete(row.id)}>
                         <DeleteOutlineIcon fontSize="small" />
                     </IconButton>
+                    <IconButton size="small" color="grey" onClick={() => handleEdit(row.id)}>
+                        <EditOutlinedIcon fontSize="small" />
+                    </IconButton>
                 </Tooltip>
             ),
         },