Reformat home day-streak badge layout

[jsolly]

Summary

• Reformats the home header day-streak pill into a clearer single-line layout
• Groups the flame with the count, keeps “day streak” from wrapping, and balances padding/gaps
• Centers the badge against the title block and adds a concise aria-label for screen readers

Test plan

• Open home on a phone-width viewport (~390px) with a non-zero streak and confirm the pill reads as 🔥 3 day streak on one line
• Check a wider viewport and confirm spacing still looks balanced
• Confirm the tooltip / accessible name still reports the current streak (and longest when present)