The first two tabs have no label and are empty

[kopitek8]

Steps to replicate

1. Go to the projects page and select 'Test Validate with customOptions MapSwipe4Web' project
2. Click the contribute button
3. The first two tabs of the modal are empty

Screenshot

Issue Link

https://mapswipe-web.dev.togglecorp.com/#/en/projects/-NoCd4Rq43e6-pTYL-x_

[ofr1tz]

The tab titles are based on information page titles in tutorials created with the Manager Dashboard. The screenshot shows a tutorial on the MapSwipe dev instance that apparently has information pages with empty title entries.

However, the Manager Dashboard requires a title to be defined -- thus, there should not be any information pages with empty titles on the MapSwipe production instance.

[tnagorra]

The format of the data for this tutorial is not correct. @frozenhelium do we have any reason for this?

The schema for the information pages during tutorial creation is:

export type InformationPages = {
    pageNumber: number; // we need to re-calculate this
    title: string;
    blocks: {
        blockNumber: number;
        blockType: BlockType;
        textDescription?: string;
        imageFile?: File;
    }[];
}[];

But the informationPages field in the tutorial is the following:

  "informationPages": [
    [
      {
        "blockNumber": 1,
        "blockType": "image",
        "image": "https://firebasestorage.googleapis.com/v0/b/dev-mapswipe.appspot.com/o/tutorialImages%2F1686557907649-block-image-1-1.png?alt=media&token=6dc65488-a364-47d5-9223-f1fa7ca2cf5f"
      },
      {
        "blockNumber": 2,
        "blockType": "text",
        "textDescription": "this is 1"
      },
      {
        "blockNumber": 3,
        "blockType": "image",
        "image": "https://firebasestorage.googleapis.com/v0/b/dev-mapswipe.appspot.com/o/tutorialImages%2F1686557907649-block-image-3-2.png?alt=media&token=2210814b-9d5b-4255-81b0-3dc026432871"
      },
      {
        "blockNumber": 4,
        "blockType": "text",
        "textDescription": "this is 2"
      }
    ],
    [
      {
        "blockNumber": 1,
        "blockType": "image",
        "image": "https://firebasestorage.googleapis.com/v0/b/dev-mapswipe.appspot.com/o/tutorialImages%2F1686557907649-block-image-1-2.png?alt=media&token=c4f468bc-7f80-4481-bf33-f7f3a7341998"
      },
      {
        "blockNumber": 2,
        "blockType": "text",
        "textDescription": "2 2"
      }
    ]
  ],