Test-style

Как тебе удобней,так и делай. Всё равно при build webpack всё соберет и минимизирует (если используешь CRA). А лучше приступи к изучению styled components

Только ли в Google Chrom ? Если в других браузерах норм, проверте в настройках хрома: Настройки - Автозаполнение. Возможно там отключено.

Не думаю, что проблема безопасности кроется на стороне бэкенда. Бэк шифрует пароли и когда нужно проверяет, при этом или выдает или не выдает, например jwtoken+refresh токен. Слабым звеном, скорее является фронт. А точнее: где он эти токены хранит.

import React, { useState } from 'react';

Прежде чем копать вглубь, проверь, что ты получаешь при POST запросе

const certificate = req.body;
console.log('Body: ', certificate)

Возможно дело в методе передачи нагрузки. (Content-type ?), и понадобится body-parser

Как и написали, но не пояснили: document.querySelector находит первый подходящий по query элемент. Если ожидается несколько элементов, то используй document.querySelectorAll. Получишь массиво-подобный объект состоящий из всех найденных элементов. Что дальше с ними делать? Итерировать...