Issue 54 create component for bingo tile

[melbauerr]

Change Summary

Create bingo tile component with options for the different props:

• type (connect/understand/act) determines icon shown
• text is same on mobile and desktop, on mobile text is only sufficient for 3 words
• status (not started/started/completed), determines colour of the tile
• boolean prop reflects whether tile is currently selected - if true, tile is emphasised

Change Form

• [❌] The pull request title has an issue number
• [❌] The change works by "Smoke testing" or quick testing
• The change has tests
• The change has documentation

Other Information

Pull request also includes placeholder Blingo tile page.

Related issue

• Resolve Create component for bingo tile #54

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blingo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 18, 2025 6:54am

[HuxleyBerry]

Looks good, I've just pointed out some minor things. Additionally, I noticed the tiles have a fixed size which makes them too small on desktop. Instead, they should take up the full width and height of their parent. However, that can be addressed in issue #76 instead if you like.

[HuxleyBerry]

LGTM