change time formatting logic

src/app/page.jsx

@@ -7,7 +7,7 @@ export default function Home() {
   const [timeStamp, setTimeStamp] = useState(0)
 
   useEffect(() => {
-    setTimeStamp(Math.floor(Date.now() / 1000))
+    setTimeStamp(Date.now())
   }, [])
 
   return (

src/components/message.jsx

@@ -3,7 +3,10 @@ import Image from 'next/image'
 import Link from 'next/link'
 
 export default function Message({ sentAt, children }) {
-  const time = getFormattedTime(sentAt)
+  const time = getFormattedTime(sentAt, {
+    hourOptions: '2-digit',
+    minuteOptions: '2-digit',
+  })
 
   return (
     <div className="flex items-end gap-2">

src/utils/getFormattedDate.js

@@ -1,7 +1,9 @@
-export default function getFormattedTime(timestamp) {
-  const date = new Date(timestamp * 1000)
-  const hours = date.getHours()
-  const minutes = '0' + date.getMinutes()
+export default function getFormattedTime(timestamp, options) {
+  const { format: formatTime } = new Intl.DateTimeFormat('en', {
+    hour: options.hourOptions,
+    minute: options.minuteOptions,
+    hour12: false,
+  })
 
-  return hours + ':' + minutes.substr(-2)
+  return formatTime(timestamp)
 }