Table shows incorrect data

[Shiti]

Describe the bug When fields are missing, table shows data and styles it incorrectly

To Reproduce Steps to reproduce the behavior:

1. Run the code

   <Table
   data={[
   {
     priority: 'high',
     task: 'asdf'
   },
   {
     col2: 'medium',
     task: 'jkl;'
   }
   ]}
   headers={[
   'task',
   'priority'
   ]}
   />

   Expected behavior I expected no data to be visible for the second row's priority column.

Screenshots

Please complete the following information:

• OS: [e.g. iOS] Linux
• Browser and version [e.g. chrome version 122.0.6261.111] - Chrome 122.0.6261.128
• Node and NPM Version [e.g. Node v20.11.1 NPM v10.2.4]
• Version of the library [e.g. 0.0.3] - 0.0.4 (also applicable to all the previous versions)
• Version of the ReactJS [e.g. 18.2.0] - 18.2.0
• Version of the MUI Material [e.g. 5.15.7] - 5.15.7
• Version of Typescript [e.g. 5.3.3] - 5.3.3