Could we stop having Justin Cook at the start of every anime entry's staff list?

// ==UserScript==
// @name         MyAnimeList - Move Producers to Bottom
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Moves staff with the 'Producer' role to the bottom of the list, but ignores 'Executive Producer'.
// @author       ShaggyZE
// @match        https://myanimelist.net/anime/*
// @match        https://myanimelist.net/manga/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function() {
    'use strict';

    // Helper function to define which roles to move.
    const isProducerToMove = (roleText) => {
        // Condition: Move if the role includes 'Producer', BUT NOT if it includes 'Executive Producer'.
        return roleText.includes('Producer') && !roleText.includes('Executive Producer');
    };

    try {
        const staffHeader = Array.from(document.querySelectorAll('h2'))
            .find(h2 => h2.textContent.trim().toLowerCase() === 'staff');

        if (!staffHeader) {
            return; // No "Staff" section found, do nothing.
        }

        //
        // CASE 1: Handle the two-column layout with the "unwrap, sort, re-wrap" logic.
        //
        const twoColumnContainer = staffHeader.parentElement.nextElementSibling;
        if (twoColumnContainer && twoColumnContainer.classList.contains('detail-characters-list')) {
            console.log('MAL Staff Sorter: Detected two-column layout. Applying re-flow logic.');

            const leftColumn = twoColumnContainer.querySelector('.left-column.fl-l');
            const rightColumn = twoColumnContainer.querySelector('.left-right.fl-r');

            if (!leftColumn) return; // Should always exist, but a good safety check.

            // STEP 1: "Unwrap" all staff tables into a single array, in their original visual order.
            const allTables = Array.from(twoColumnContainer.querySelectorAll('table'));

            // STEP 2: Partition the single list into "others" and "producers".
            // This preserves the relative order of non-producers.
            const otherStaff = [];
            const producers = [];
            allTables.forEach(table => {
                const roleElement = table.querySelector('td small');
                if (roleElement && isProducerToMove(roleElement.textContent)) {
                    producers.push(table);
                } else {
                    otherStaff.push(table);
                }
            });

            // If no producers were found, there's nothing to do.
            if (producers.length === 0) {
                console.log('MAL Staff Sorter: No producers found to move.');
                return;
            }

            // STEP 3: "Sort" by creating the new, final list.
            const sortedStaff = otherStaff.concat(producers);
            console.log(`MAL Staff Sorter: Re-ordering ${sortedStaff.length} staff members. Moving ${producers.length} producer(s) to the end.`);

            // STEP 4: "Re-wrap" the sorted list back into the columns.
            // First, clear the original columns completely.
            leftColumn.innerHTML = '';
            if (rightColumn) {
                rightColumn.innerHTML = '';
            }

            // Calculate the split point. The left column gets the extra item if the total is odd.
            const midpoint = Math.ceil(sortedStaff.length / 2);

            sortedStaff.forEach((table, index) => {
                // Fill the left column until the midpoint is reached.
                if (index < midpoint) {
                    leftColumn.appendChild(table);
                } else {
                    // Fill the right column with the rest.
                    // If a right column doesn't exist, they'll just go into the left column.
                    const destination = rightColumn || leftColumn;
                    destination.appendChild(table);
                }
            });

        //
        // CASE 2: Handle the standard single-column layout on dedicated "Characters & Staff" pages.
        //
        } else {
            console.log('MAL Staff Sorter: Detected single-column layout.');
            const listParent = staffHeader.parentElement.parentElement;
            let currentElement = staffHeader.parentElement.nextElementSibling;
            const tablesToMove = [];

            while (currentElement && currentElement.tagName === 'TABLE') {
                const roleElement = currentElement.querySelector('td small');
                if (roleElement && isProducerToMove(roleElement.textContent)) {
                    tablesToMove.push(currentElement);
                }
                currentElement = currentElement.nextElementSibling;
            }

            if (tablesToMove.length > 0) {
                console.log(`MAL Staff Sorter: Found ${tablesToMove.length} producer(s). Moving to bottom of the list.`);
                tablesToMove.forEach(table => {
                    listParent.appendChild(table);
                });
            } else {
                console.log('MAL Staff Sorter: No producers found to move.');
            }
        }
        console.log('MAL Staff Sorter: Reordering complete.');

    } catch (error) {
        console.error('MAL Staff Sorter: An error occurred.', error);
    }
})();