How do you get collection data header values?

How would I be able to fetch the collection property names using getCollectionData??

I am using the below snippet to get the format of the collection data, but it's coming jumbled up except for the first column.

Object.keys(collectionView).forEach((cid) => {
    console.log(collectionView[cid].value.format);
  });

Format of the data:

{
  table_wrap: true,
  table_properties: [
    { width: 276, visible: true, property: 'title' },
    { width: 200, visible: true, property: '3x=Q' },
    { width: 200, visible: true, property: 'S)s,' },
    { width: 411, visible: true, property: 'o+,#' }
  ]
}

If it helps, I'm trying to build a simple blog with the index page holding the links to all the different pages based on their slug and not the pageId.

Public link for the collection: https://www.notion.so/hamzamoiyadi/52db845d75fb4e8396b66234f05caecb?v=afb3d901772e474195c013570f511696

Start at getCollectionData and trace collectionView[cid].value.format, focusing on the table_properties entries and their property identifiers. Compare those values with the linked collection's displayed columns; done means the collection property names can be obtained reliably rather than appearing jumbled.