feat: refactor date-and-time-picker to use custom dayjs utility and add timezone support (#15101)

web/app/components/base/date-and-time-picker/date-picker/header.tsx

@@ -22,18 +22,18 @@ const Header: FC<DatePickerHeaderProps> = ({
           <RiArrowDownSLine className='w-4 h-4 text-text-tertiary' />
         </button>
       </div>
-      <button
-        onClick={onClickNextMonth}
-        className='p-1.5 hover:bg-state-base-hover rounded-lg'
-      >
-        <RiArrowDownSLine className='w-[18px] h-[18px] text-text-secondary' />
-      </button>
       <button
         onClick={onClickPrevMonth}
         className='p-1.5 hover:bg-state-base-hover rounded-lg'
       >
         <RiArrowUpSLine className='w-[18px] h-[18px] text-text-secondary' />
       </button>
+      <button
+        onClick={onClickNextMonth}
+        className='p-1.5 hover:bg-state-base-hover rounded-lg'
+      >
+        <RiArrowDownSLine className='w-[18px] h-[18px] text-text-secondary' />
+      </button>
     </div>
   )
 }