Everybody_Lies

Если я вас правильно понял, то вам нужно установить пакеты только для локальной разработки (devDependencies). Такие пакеты не попадут в общую сборку.
Для этого при установке используйте следующие параметры --save-dev или -D
npm install <package-name> --save-dev

для граждан России, Украины, Беларуси, Казахстана действует безвизовый режим, 360 дней; в случае выезда, срок обнуляется (близко Армения и Турция, сделать визаран легко)

window.open

docs

Only assets that are in the public directory at build time will be served by Next.js. Files added at runtime won't be available. We recommend using a third party service like AWS S3 for persistent file storage.

Храните изображения не в public, а где то в другом месте

1. Вы не правильно обращаетесь к элементам. Используйте querySelector, querySelectorAll, getElementById
2. Определяйте переменные не в начале программы, а в момент нажатия кнопки, потому что при инициализации они будут пустыми.
3. Для того, чтобы строку преобразовать в node и вставить в DOM дерево, используйте не append, а insertAdjacentHTML
4. Внутри тега tr, должны находиться td'шки, а у вас он сразу же закрывается. Поэтому tr нужно открывать перед вложенным циклом, а закрывать после него.

// экранируешь кавычки одинарным обратным слешем
$str = "<a href=\"javascript:void(0)\" onclick=\"hide('div_1')\">";
$str = '<a href="javascript:void(0)" onclick="hide(\'div_1\')">';

// получаем атрибут
const color = el.getAttribute('data-color');
// устанавливаем его
el.classList.add(color);

https://qna.habr.com/q/659718
https://qna.habr.com/q/343503