Grid: Column reordering does not work if you have a grid with 2 footer rows

Description

When you add two footer rows to a grid, the column reordering does not work. It works correct if you just have no footer rows or one footer row.

Expected outcome

Column reordering within a grid works even when two footer rows are added.

Minimal reproducible example

import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.router.Route;

@Route("test")
public class TestView extends Div {
  public TestView() {
    Grid<String> grid = new Grid<>();
    grid.setColumnReorderingAllowed(true);
    grid.addColumn(row -> row).setHeader("Column 1");
    grid.addColumn(row -> row).setHeader("Column 2");
    grid.addColumn(row -> row).setHeader("Column 3");

    grid.setItems("Row 1", "Row 2", "Row 3");

    grid.appendFooterRow();
    grid.appendFooterRow();

    add(grid);
  }
}

Steps to reproduce

Try to reorder a column by using drag&drop.

Environment

Vaadin version(s): 23.3.2 OS: Windows

Browsers

Issue is not browser related

vaadin / flow-components