add minue and second in text useCountDown

src/features/auth/components/StepEnterOtp.tsx

@@ -7,6 +7,7 @@ import {
   AUTH_PAGE_ELEMENT as AUTH_PAGE_ELEMENTS
 } from '@/enums'
 import clsx from 'clsx'
+import { formatCountdown } from '@/hooks/useCountdown'
 import Image from 'next/image'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -22,15 +23,6 @@ type Props = {
   pending?: boolean | undefined
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>
 
-const formatCountdown = (seconds: number) => {
-  const mins = Math.floor(seconds / 60)
-  const secs = seconds % 60
-  if (mins > 0) {
-    return `${mins}:${String(secs).padStart(2, '0')}`
-  }
-  return String(seconds)
-}
-
 function StepEnterOtp ({
   onChange,
   onClick,
@@ -96,7 +88,7 @@ function StepEnterOtp ({
           <div>
             {timerRunning ? (
               <div>
-                {t('OTP.TimerRunning', { time: formatCountdown(secondsLeft) })}
+                {t('OTP.TimerRunning', { time: formatCountdown(secondsLeft, t) })}
               </div>
             ) : (
               <div>