fix: truncate long ride names with tooltip instead of wrapping

Restores fixed-height ride rows with ellipsis truncation.
Adds title attribute so hovering shows the full name in a native tooltip.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/park/[id]/page.tsx

@@ -318,7 +318,7 @@ function RideRow({ ride, parkHoursLabel }: { ride: RideStatus; parkHoursLabel?:
           background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
           flexShrink: 0,
         }} />
-        <span style={{
+        <span title={ride.name} style={{
           fontSize: "0.8rem",
           color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
           fontWeight: ride.isOpen ? 500 : 400,

components/LiveRidePanel.tsx

@@ -162,7 +162,7 @@ function RideRow({ ride }: { ride: LiveRide }) {
           background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
           flexShrink: 0,
         }} />
-        <span style={{
+        <span title={ride.name} style={{
           fontSize: "0.8rem",
           color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
           fontWeight: ride.isOpen ? 500 : 400,