How can I make my table's first column sticky?

Hi all

I am unable to make the first column sticky. I have tried online solutions that have worked for others but it does not seem to work for me. Do you know a method that does work for my table and keeps the aesthetic exactly the same?

I have tried this: ‘A table with both a sticky header and a sticky first column | CSS-Tricks
and this: ‘css - How do I create an HTML table with a fixed/frozen left column and a scrollable body? - Stack Overflow

project: ‘https://replit.com/@jaimeggb/template-5