feat: update renderAxis to convert tick props

This commit updates the renderAxis function in the Chart component to convert tick props using the convertTickProps function. This ensures that tick rendering is consistent.

src/components/Chart/Tick.tsx

@@ -1,11 +1,12 @@
 import React from 'react'
 
 import { TickProps } from './model'
+import { convertTickProps } from './renderAxis'
 
 export function Tick(props: TickProps) {
   const {
     payload: { value },
   } = props
 
-  return <text {...props}> {props.isOutlierIndicator ? `>${props.domainMaxValue}` : value} </text>
+  return <text {...convertTickProps(props)}> {props.isOutlierIndicator ? `>${props.domainMaxValue}` : value} </text>
 }

src/components/Chart/renderAxis.tsx

@@ -110,7 +110,12 @@ function getAxisProps(
       ticks: domainPoints,
       interval: 0,
       tick: axisOptions.tickRenderer
-        ? (props) => axisOptions.tickRenderer(props, axisDomain.end, hasOutliers && props.index === outliersIndex)
+        ? (props) =>
+            axisOptions.tickRenderer(
+              convertTickProps(props),
+              axisDomain.end,
+              hasOutliers && props.index === outliersIndex
+            )
         : (props) => (
             <Tick
               {...props}
@@ -139,8 +144,7 @@ function getAxisProps(
     }
 }
 
-// TODO: Talvez o problema da outra issue esteja aquitalvez o problema esteja aqui
-const convertTickProps = (props: any): TickProps => ({
+export const convertTickProps = (props: any): TickProps => ({
   fill: props.fill,
   height: props.height,
   payload: props.payload,