Александр

Размеры canvas через CSS устанавливаете? Надо ещё и в JS ставить.

canvas.width = 500;
canvas.height = 500;

Например так. Можно, конечно, сделать JS более гибким, уже на Ваше усмотрение.

В раздел head:

+ function applyTheme() {
+     const isDark = (localStorage.getItem('is-dark-theme') ?? 'true') === 'true';
+     if (isDark) {
+         document.body.classList.remove('light-mode');
+         document.body.classList.add('dark-mode');
+     } else {
+         document.body.classList.remove('dark-mode');
+         document.body.classList.add('light-mode');
+     }
+ }

- var dark = true;
function themeChange() {
-     var element = document.body;
- 
-     if (dark == true) {
-         element.classList.remove("dark-mode");
-         element.classList.add("light-mode");
-         dark = false;
-     }
- 
-     else {
-         element.classList.remove("light-mode");
-         element.classList.add("dark-mode");
-         dark = true;
-     }
+     localStorage.setItem('is-dark-theme', !((localStorage.getItem('is-dark-theme') ?? 'true') === 'true'));
+     applyTheme();
}

+ window.addEventListener('DOMContentLoaded', function () {
+     applyTheme();
+ });

intlTelInput(document.querySelector('#user-phone'), {
    initialCountry: 'auto',
    separateDialCode: true,
    geoIpLookup: function (callback) {
        fetch('https://ipinfo.io/json')
            .then(response => response.json())
            .then(data => callback(data && data.country ? data.country : 'us'));
    }
});

document.querySelectorAll('[data-seen-params]').forEach(element => {
	try {
		const entry = JSON.parse(element.dataset.seenParams);
		if (entry?.type === 'GIFT' && 'price' in entry?.data) {
			element.remove():
		}
	} catch (error) {}
});

https://github.com/scniro/react-codemirror2

https://qna.habr.com/q/1005963

React.useEffect(() => {
    (async () => {
        try {
            const themes = await fetch("/arr").then((data) => data.json());
            const activeTheme = Math.floor(themes.length / 2);
            const activePlace = Math.floor(themes[activeTheme].subtopics.length / 2);

            setThemes(themes);
            setActiveTheme(activeTheme);
            setActivePlace(activePlace);
        } finally {
            setIsLoad(false);
        }
    })();
}, []);

onChange: (event: React.ChangeEvent<HTMLInputElement>) => void

onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void

Искать тут.

https://codesandbox.io/s/qna-q-1087328-3cmq3

https://codesandbox.io/s/qna-q-1084802-49fgp

• .map
  
• parseInt
  

if (event.target.closest(".modal") !== null) return;

You might not need jQuery