Native Vertical Stages & Timeline Component

**Summary**
Users need a specialized **Vertical Stages** component to visualize a sequence of events, status changes, or process steps connected by a continuous vertical line. Currently, displaying a chronological history (like "Created" → "Edited" → "Paid") requires using standard Lists which lack visual connectivity, making it difficult to perceive the data as a unified "story" or process flow.

**Current Problem**
* **No Visual Continuity:** Standard collections display items as isolated blocks. There is no way to render a vertical line connecting these items to indicate order, dependency, or progress.
* **Complex Formatting:** Users cannot mix different visual indicators (e.g., a "Checkmark" icon for completed stages vs. a "User Avatar" for comments) within the same list view without extreme CSS workarounds.
* **UX Gap:** Users cannot instantly see the "state" of a process (e.g., where the process started and where it ended) because the visual link between rows is missing.

**Examples/Scenarios**
* **Invoice/Order History:** Visualizing the lifecycle: *Created (Dot) → Viewed (Eye) → Paid (Checkmark)*.
* **Approval Workflows:** Showing the chain of custody: *Submitted → Reviewed by Manager → Approved by VP*.
* **Project Updates:** A feed showing a mix of system status updates and user notes in chronological order.

**Suggested UX**
* **Visual Structure:** A vertical axis on the left with a continuous line connecting nodes.
* **Node Customization:** Ability to map the "Icon" slot dynamically:
* Show a **User Image** (Avatar) if the row represents a person's action.
* Show a **System Icon** (Check, Dot, Alert) if the row represents a status change.
* **Content Slots:** Title, Subtitle (Text), and Timestamp (Right-aligned).
* **Actionable Footer:** Option to include an input area at the bottom to add a new "step" or note to the timeline.