Duplicate ids on same page

[M393]

Describe the bug

All id values should be unique per page.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id

To Reproduce

Steps to reproduce the behavior:

1. Browse a table (or other pages)
2. Execute this script in the developer tools, should return an empty array (no duplicate ids)

Object.values(
    Array.from(document.querySelectorAll('[id]'))
        .reduce(
            (all, n) => {
                if (!(n.id in all)) {
                    all[n.id] = [];
                }
                all[n.id].push(n);
                return all;
            }, 
            {}
        )
).filter((l) => l.length > 1);

Expected behavior

All ids should be used only once per page, if a selector has to match multiple elements, use classes instead.

Server configuration

• phpMyAdmin version: 5.2 / 6

Client configuration

• Browser: Chrome
• Operating system: Windows 10

[enochval]

@williamdes can I work on this?