fix: update label in English

Author: genixxavier

docs/components/phase.mdx

@@ -64,7 +64,7 @@ This variant <TagDocs text='phases' />, you can customize it with the following
     <Flex className="flex" gap="4">
         <PhaseCustom title="Title" icon="check" className="w-44 h-40" status="completed" numberPhase={1} textTag="Completed" />
         <PhaseCustom title="Title" icon="search" className="w-44 h-40" status="active" numberPhase={2} textTag="In progress" />
-        <PhaseCustom title="Title" icon="balance" className="w-44 h-40" status="default" numberPhase={3} textTag="Pendding" />
+        <PhaseCustom title="Title" icon="balance" className="w-44 h-40" status="default" numberPhase={3} textTag="Pending" />
     </Flex>
 </Playground>
 
@@ -95,7 +95,7 @@ export default function App() {
               className="w-44 h-40"
               icon={ScaleIcon}
               status="default"
-              textTag="Pendiente"
+              textTag="Pending"
               numberPhase={3}
             />
         </Flex>
@@ -133,7 +133,7 @@ This variant <TagDocs text='status' />, you can customize it with the following
             subtitle="Subtitle"
             variant="status"
             status="active"
-            textTag="Pendiente"
+            textTag="Pending"
         />
         <Phase
             className="w-44"
@@ -166,7 +166,7 @@ export default function App() {
               subtitle="Subtitle"
               variant="status"
               status="active"
-              textTag="Pendiente"
+              textTag="Pending"
             />
             <Phase
               className="w-44"
@@ -206,23 +206,23 @@ This variant <TagDocs text='quarters' />, you can customize it with the followin
             listData={[
                 {
                   completed: true,
-                  label: "Anuales",
+                  label: "Annual",
                 },
                 {
                   completed: true,
-                  label: "4° Trimestre",
+                  label: "4° Quarter",
                 },
                 {
                   completed: true,
-                  label: "3° Trimestre",
+                  label: "3° Quarter",
                 },
                 {
                   completed: true,
-                  label: "2° Trimestre",
+                  label: "2° Quarter",
                 },
                 {
                   completed: false,
-                  label: "1° Trimestre",
+                  label: "1° Quarter",
                 },
             ]} />
         <PhaseCustom 
@@ -234,23 +234,23 @@ This variant <TagDocs text='quarters' />, you can customize it with the followin
             listData={[
                 {
                   completed: true,
-                  label: "Anuales",
+                  label: "Annual",
                 },
                 {
                   completed: true,
-                  label: "4° Trimestre",
+                  label: "4° Quarter",
                 },
                 {
                   completed: true,
-                  label: "3° Trimestre",
+                  label: "3° Quarter",
                 },
                 {
                   completed: true,
-                  label: "2° Trimestre",
+                  label: "2° Quarter",
                 },
                 {
                   completed: false,
-                  label: "1° Trimestre",
+                  label: "1° Quarter",
                 },
             ]} />
     </Flex>
@@ -270,23 +270,23 @@ export default function App() {
               listData={[
                 {
                   completed: true,
-                  label: "Anuales",
+                  label: "Annual",
                 },
                 {
                   completed: true,
-                  label: "4° Trimestre",
+                  label: "4° Quarter",
                 },
                 {
                   completed: true,
-                  label: "3° Trimestre",
+                  label: "3° Quarter",
                 },
                 {
                   completed: true,
-                  label: "2° Trimestre",
+                  label: "2° Quarter",
                 },
                 {
                   completed: false,
-                  label: "1° Trimestre",
+                  label: "1° Quarter",
                 },
               ]}
             />
@@ -298,23 +298,23 @@ export default function App() {
               listData={[
                 {
                   completed: true,
-                  label: "Anuales",
+                  label: "Annual",
                 },
                 {
                   completed: true,
-                  label: "4° Trimestre",
+                  label: "4° Quarter",
                 },
                 {
                   completed: true,
-                  label: "3° Trimestre",
+                  label: "3° Quarter",
                 },
                 {
                   completed: true,
-                  label: "2° Trimestre",
+                  label: "2° Quarter",
                 },
                 {
                   completed: false,
-                  label: "1° Trimestre",
+                  label: "1° Quarter",
                 },
               ]}
             />