style(Export): Improve page design using material cards for export type

[hirokiterashima]

Notes

Please style and reword as you see fit

Changes

• Use material cards to represent exportable items.
  • Some of the items need further configuration, and their buttons say "Select".
  • Others can be download immediately without configuration, and their buttons say "Download".

Test

• Export page works as before

[qltysh]

Coverage Impact

Unable to calculate total coverage change because base branch coverage was not found.

Modified Files with Diff Coverage (1)

Rating	File	% Diff	Uncovered Line #s
	...assroomMonitor/dataExport/data-export/data-export.component.ts	100.0%
	Total	100.0%

🚦 See full report on Qlty Cloud »

🛟 Help

• Diff Coverage: Coverage for added or modified lines of code (excludes deleted files). Learn more.

• Total Coverage: Coverage for the whole repository, calculated as the sum of all File Coverage. Learn more.

• File Coverage: Covered Lines divided by Covered Lines plus Missed Lines. (Excludes non-executable lines including blank lines and comments.)

  • Indirect Changes: Changes to File Coverage for files that were not modified in this PR. Learn more.

[breity]

Looks good. 👍

I updated styles, layout (grid), and some of the button text.