下面的代码打印了时间字符串后面带有文本“am”或“pm”的时间。因此，时间字符串与am或pm字符串重叠，可以在z索引上看到它的后面。换句话说，如果格式为[hh：mm：ss a]，其中a = am/pm，则a显示在hh：mm：ss的后面，并且也居中显示。我该如何解决这个问题？我使用的是codesandbox，https://codesandbox.io/s/usestate-hook-practice-forked-t1zkyl?file=/src/components/App.jsx下面的链接

function App() {

  const now = new Date().toLocaleTimeString();

  const [time, setTime] = useState(now);

  return (
    <div className="container">
      <h1>{time}</h1>
      <button>Get Time</button>
    </div>
  );
}