[DHCP] DHCP detail page layout breaks in mobile layout

[PeterJhongLinksys]

Description

On the DHCP Settings detail page, the Active Leases list is broken in the mobile (narrow) layout.

Observed behavior

In the Active Leases card, each lease row renders incorrectly:

• The device name (e.g. iPhone-15-Pro) and MAC address (e.g. AA:BB:CC:DD:EE:01) wrap one character per line, stacking vertically instead of on a single line.
• The lease timeline/bar on the right side overflows its container (Flutter overflow stripes are visible), and its labels are clipped.

This makes the lease list effectively unreadable on mobile-width screens.

Expected behavior

• Device name and MAC address should render on a single line (truncating with an ellipsis if too long), not one character per line.
• The lease timeline should fit within the available width without overflow.

Environment

• Page: DHCP Settings -> Active Leases
• Layout: Mobile (narrow width)