Fix roadmap display on mobile devices

[ThisIsMissEm]

This makes the following changes, to address #346:

• Enables the wrapping of the item title on all resolutions
• Enables the display of the item IDs on mobile, as that helps people communicate which roadmap item they're talking about (this addresses [Roadmap] Platforms unclear on mobile portrait view #294)
• Increases space given to item IDs, as they're now 7 characters long in cases, so the space given was getting very close to truncating/overflowing.
• Adjusts the button sizes to be slightly smaller which results in them not wrapping on mobile (this does affect the Apps Grid, but still feels correct)
• Improves the rendering of the parent item, such that the chevron and label cannot be wrapped separately (previously this could happen)
• Tightens layout on mobile for timeline items, such that the layout feels "centered" or balanced on mobile devices

I also noticed that the node.js version in the .nvmrc file didn't align with the Dockerfile, so I've rectified that, setting it to Node.js 16.x (latest v16 release)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
joinmastodon	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 27, 2023 0:00am