[Task] Lihat Materi - Make page of material list for each group class using tab

[atnanahidiw]

Description

1 of the app's main feature is to fetch & view a PDF material offline

Replicate what we have created in the previous Flutterflow project

But the difference is create a new logic to read the data directly from firestore (https://console.firebase.google.com/u/0/project/toki-bebras-proto/firestore/data/~2Fmaterials)

Categorize the listed item & the tab into: (using the challenge_group field)

• Umum
• siKecil
• Siaga
• Penggalang
• Penegak

In case the network isn't stable, we should cache the downloaded metadata in memory

FYI

The page is opened by click Lihat Materi button in main page

When the list item is clicked, it will download the asset if it does not exist locally and then redirect to the preview page, which has a different presentation based on the file format

• pdf -> P0 ([Task] Lihat Materi - Make preview page with pdf #13)
• ppt
• mp4
• mp3

Delivery

• complete tabbed page (presentation, domain, data) for the list of Materi, which read from firestore