Отличная статья по теме useEffect. Если коротко, то вы на каждый рендер создаете новую функцию save и новую переменную html, при этом в момент выполнения функции open вы скорей всего захватите по замыканю переменную html из области видимости которая уже устареет на момент выполнения вновь созданной функции save по клику на кнопке. Для сохранения любого значения между рендерами без тригера ререндера компонента можно использовать useRef.

Можно через background-image заинлайнить svg паттерн, который затем размножить через background-repeat

animate

Думаю для карьеры чем раньше вы получите опыт в хайповых React, Angular, Vue фреймворках, тем проще вам будет подать себя на следующем собеседовании, идти в компанию поддерживать внутренний легаси инструмент стоит если компания или продукт достаточно известны.

Использовать svg https://css-tricks.com/how-to-make-charts-with-svg/