[UX Improvement] Adjust Vertical Spacing for Clearer Date Grouping in Timeline

Clear and concise description of the problem

The current uniform vertical spacing around date headers causes them to feel disconnected from their content. This weakens the visual grouping of the timeline and reduces scannability.

Suggested solution

A "tight-then-loose" spacing strategy would improve the visual hierarchy:

1. Reduce the space between a date header and the first item below it. This visually anchors the header to its content.
2. Increase the space after the last item in a group and before the next date header. This creates a clear separation between groups.

Alternative

No response

Additional context

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• This issue is valid

Start by locating the timeline component that renders date headers and their grouped items, then inspect how vertical spacing is currently applied. Adjust the layout so headers sit closer to the first item and groups have more space before the next header; verify the result against the attached screenshots and confirm the timeline is easier to scan.