Update time ticket areas added to use translations

components/time-ticket-items/clockedin-list-item.component.jsx

@@ -36,16 +36,16 @@ export function ClockedinListItem({ setTmTicketJobIdRedux, ticket }) {
       />
       <Card.Content>
         <Text>
-          Vehicle :
+        {t("clockedinlistitem.labels.vehicle")}
           {`${ticket.job.v_model_yr || ""} ${ticket.job.v_make_desc || ""} ${
             ticket.job.v_model_desc || ""
           }`}
         </Text>
         <Text>
-          Clocked In : <DateTimeFormatter>{ticket.clockon}</DateTimeFormatter>
+        {t("clockedinlistitem.labels.clockedin")}<DateTimeFormatter>{ticket.clockon}</DateTimeFormatter>
         </Text>
         <Text>
-          Cost Center :{" "}
+        {t("clockedinlistitem.labels.costcenter")}
           {ticket.cost_center === "timetickets.labels.shift"
             ? t(ticket.cost_center)
             : ticket.cost_center}
@@ -53,7 +53,7 @@ export function ClockedinListItem({ setTmTicketJobIdRedux, ticket }) {
       </Card.Content>
       <Card.Actions>
         <Button mode="outlined" onPress={makeNavToTimeTicketClockOff} >
-          Clock Out
+          {t("clockedinlistitem.actions.clockout")}
         </Button>
       </Card.Actions>
     </Card>