fix(styles): update Byline List after design review [ci visual]

[InnaAtanasova]

Related Issue

Closes none

Description

• Spacing between Title and Byline is now 0,5rem, not 0.75rem
• Icon size is now 2rem, not 2.5rem
• Byline height for compact and cozy is 80px (5rem)
• Wrapping behaviour issues:
  • The Avatar is top aligned
  • The left and right sections are not in 2 columns
• unread notifications have bold title

Before:

After:

BREAKING CHANGE:

• Unread fd-list__item requires fd-list__item--unread modifier class to make the title bold
• <div class="fd-list__byline fd-list__byline--2-col"> is now <div class="fd-list__byline fd-list__byline--wrap">

[netlify]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	3db663a
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/64b1d7dadaafce000886b417
😎 Deploy Preview	https://deploy-preview-4687--fundamental-styles.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.