Change only the first title color to green

I’m creating a system in React about empolyees’ skills

I am using .map() function to show the headers of a table.
The titles are stored in an array.

I am supossed to show only the first title in green , and the other ones in gray.
I’ve created a function to do that, but it is not working.
Can anyone help me?

This is the function that I made

The function is inside AcademicTable component , and it shows all the information properly but not the colors as it should

This is the scss file

Source: Ask Javascript Questions