переделай organizationsview подобно productsview
productsview:
```
import React, { useEffect, useState } from "react";
import ProductService from "../../api/services/product-service";
import { Table, Button, Space } from "antd";
import { EditOutlined, DeleteOutlined } from "@ant-design/icons";
import { Modal, Form, Input } from "antd";

export const ProductsView = ({
    ...props
}) => {
    /**
     *  локальное состояние компонента
     *  здесь будет храниться список товаров
     */
    const columns = [
        {
            title: 'Код',
            dataIndex: 'id',
            key: 'id',
        },
        {
            title: 'Наименование',
            dataIndex: 'title',
            key: 'title',
        },
        {
            title: 'Действия',
            key: 'actions',
            render: (text, record) => {
                return (
                    <Space size="middle">
                        <div onClick={() => updateRecordHandler(record)}>
                            <EditOutlined/>
                        </div>
                        
                        <div onClick={() => deleteRecordHandler(record.id)}>
                            <DeleteOutlined/>
                        </div>
                    </Space>
                )
            }
        }
    ];
    // Добавьте код автоматического сохранения/логики отправки под ваши нужды
    const handleOk = async () => {
        try {
            if (currentRecord?.id) {
                // Обновление существующей записи
                await ProductService.updateRecord(currentRecord);
            } else {
                // Создание новой записи
                await ProductService.createRecord(currentRecord);
            }
            // Обновление списка после изменения
            const updatedList = await ProductService.getAllRecords();
            setList(updatedList);
            // Закрытие модального окна
            setVisible(false);
            setCurrentRecord(null);
        } catch (error) {
            console.error('Ошибка при сохранении данных:', error);
        }
    };

const handleCancel = () => {
    setVisible(false);
};
    const createRecordHandler = () => {
        setCurrentRecord(null)
        setVisible(true);
    }

    const updateRecordHandler = (record) => {
        setCurrentRecord(record)
        setVisible(true)
    }

    const deleteRecordHandler = async(recordId) => {
        await ProductService.removeRecord(recordId);
        setList(list.filter(it => it.id !== recordId));
    }

  const [list, setList] = useState([]);
  const [currentRecord, setCurrentRecord] = useState(null);
    const [visible, setVisible] = useState(false);

    /**
     * в момент, когда компонент отрисован,
     * вызывается запрос на получение списка товаров
     */
    useEffect(() => {
        async function fetchData(){
        /**
         * запрос - это асинхронная функция
         */
        const list = await ProductService.getAllRecords();

        /** 
         * после того, как список получен, 
         * устанавливаем его в локальное состояние 
         */
        setList(list);
        /**
         * когда компонент будет демонтирован со страницы,
         * очищаем локальное состояние
         */
        return () => setList([]);
    }
    
    fetchData();
}, [])

return (
    <div style={{ padding: 16 }}>
        <Table dataSource={list} columns={columns} />
        <Button onClick={createRecordHandler}>
            Создать
        </Button>

        <Modal
            title={currentRecord ? "Обновить запись" : "Создать запись"}
            visible={visible}
            onOk={handleOk}
            onCancel={handleCancel}
        >
            <Form>
                <Form.Item label="Название">
                    <Input
                        value={currentRecord ? currentRecord.title : ''}
                        onChange={(e) => setCurrentRecord({ ...currentRecord, title: e.target.value })}
                    />
                </Form.Item>
                {/* Дополнительные поля формы можно добавить здесь */}
            </Form>
        </Modal>
    </div>
);

}

```
organizationsview:
```
import React, { useEffect, useState } from "react";
import OrganizationService from "../../api/services/organization-service";
import { Table, Button, Space } from "antd";
import { EditOutlined, DeleteOutlined } from "@ant-design/icons";
import { Modal, Form, Input } from "antd";
export const OrganizationsView = ({
    ...props
}) => {
    const columns = [
        {
            title: 'ID',
            dataIndex: 'id',
            key: 'id',
        },
        {
            title: 'Название',
            dataIndex: 'title',
            key: 'title',
        },
        {
            title: 'ИНН',
            dataIndex: 'inn',
            key: 'inn',
        },
        {
            title: 'Действия',
            key: 'actions',
            render: (text, record) => {
                return (
                    <Space size="middle">
                        <div onClick={() => updateRecordHandler(record)}>
                            <EditOutlined />
                        </div>

                        <div onClick={() => deleteRecordHandler(record.id)}>
                            <DeleteOutlined />
                        </div>
                    </Space>
                )
            }
        }
    ];

    const handleOk = async () => {
        try {
            if (currentRecord?.id) {
                await OrganizationService.updateRecord(currentRecord);
            } else {
                await OrganizationService.createRecord(currentRecord);
            }
            const updatedList = await OrganizationService.getAllRecords();
            setList(updatedList);
            setVisible(false);
            setCurrentRecord(null);
        } catch (error) {
            console.error('Ошибка при сохранении данных:', error);
        }
    };

    const handleCancel = () => {
        setVisible(false);
    };

    const createRecordHandler = () => {
        setCurrentRecord(null);
        setVisible(true);
    }

    const updateRecordHandler = (record) => {
        setCurrentRecord(record);
        setVisible(true);
    }

    const deleteRecordHandler = async (recordId) => {
        await OrganizationService.removeRecord(recordId);
        setList(list.filter(it => it.id !== recordId));
    }

    const [list, setList] = useState([]);
    const [currentRecord, setCurrentRecord] = useState(null);
    const [visible, setVisible] = useState(false);

    useEffect(() => {
        async function fetchData() {
            const list = await OrganizationService.getAllRecords();
            setList(list);
            return () => setList([]);
        }
    
        fetchData();
    }, [])

    return (
        <div style={{ padding: 16 }}>
            <Table dataSource={list} columns={columns} rowKey="id" />
            <Button onClick={createRecordHandler}>
                Создать
            </Button>

            <Modal
                title={currentRecord ? "Обновить организацию" : "Создать организацию"}
                visible={visible}
                onOk={handleOk}
                onCancel={handleCancel}
            >
                <Form layout="vertical">
                    <Form.Item label="Название">
                        <Input
                            value={currentRecord ? currentRecord.title : ''}
                            onChange={(e) => setCurrentRecord({ ...currentRecord, title: e.target.value })}
                        />
                    </Form.Item>
                    <Form.Item label="ИНН">
                        <Input
                            value={currentRecord ? currentRecord.inn : ''}
                            onChange={(e) => setCurrentRecord({ ...currentRecord, inn: e.target.value })}
                        />
                    </Form.Item>
                </Form>
            </Modal>
        </div>
    );
}
```