improve customer list device display ui

[beesaferoot]

Closes #1431

Brief summary of the change made

Are there any other side effects of this change that we should be aware of?

Describe how you tested your changes?

Pull Request checklist

Please confirm you have completed any of the necessary steps below.

• Meaningful Pull Request title and description
• Changes tested as described above
• Added appropriate documentation for the change.
• Created GitHub issues for any relevant followup/future enhancements if appropriate.

[dmohns]

I like it 🤩

One comment, other than that LGTM

• The serial numbers currently get truncated from the right. However, device might have serial numbers that only differ in the last few digits. In the current UI it's hard to distinguish:
  

  Could we truncate the middle instead? Similar to what ellipsizeMode="middle" does in React?

[beesaferoot]

@dmohns I've addressed your comment, can you check again?

[dmohns]

thx!