feat(utils): create padZero function

src/components/header/pomodoro/config-modal.tsx

@@ -1,9 +1,9 @@
 import { Dialog, Transition } from '@headlessui/react'
 import { Fragment, useState } from 'react'
 
-import { padZero } from './pad-zero'
 import { display, minuteConfigInput } from './styles'
 import { useThemeStore } from '~/stores/theme-store'
+import { padZero } from '~/utils/pad-zero'
 
 interface Props {
   displayMinutes: string

src/components/header/pomodoro/index.tsx

@@ -3,11 +3,12 @@ import { FiPause, FiPlay, FiRotateCw } from 'react-icons/fi'
 
 import { PomodoroStatus, usePomodoroStore } from '~/stores/pomodoro-store'
 import { useThemeStore } from '~/stores/theme-store'
+
+import { padZero } from '~/utils/pad-zero'
+
 import { ConfigModal } from './config-modal'
 import { container, controlButton } from './styles'
 
-const padZero = (value: number) => value.toString().padStart(2, '0')
-
 export function Pomodoro() {
   const setPomodoroStatus = usePomodoroStore(state => state.setPomodoroStatus)
   const theme = useThemeStore(state => state.theme)

src/utils/pad-zero.ts

@@ -0,0 +1 @@
+export const padZero = (value: number) => value.toString().padStart(2, '0')