Add the header pin behavior function header.column.pin("left | right")

[fahmiidris]

It would be great if this function had parameters, perhaps named push and unshift.
Now to get around this, I do it this way:

<DropdownItem onClick={() => header.column.pin("left")}>
    <IconArrowBarToLeft className="opacity-60" />
    <span>Stick to Left</span>
</DropdownItem>

<DropdownItem
    onClick={() => {
        const columnIds = header.column
            .getLeafColumns()
            .map((d) => d.id)
            .filter(Boolean);

        table.setColumnPinning((old) => ({
            left: (old?.left ?? []).filter((d) => !columnIds?.includes(d)),
            right: [
                ...columnIds,
                ...(old?.right ?? []).filter((d) => !columnIds?.includes(d)),
            ],
        }));
    }}
>
    <IconArrowBarToRight className="opacity-60" />
    <span>Stick to Right</span>
</DropdownItem>