frontend: prevent contacts content overflowing the viewport + sync UI repo

- ContactsPage: drop whiteSpace:nowrap on the action cell; wrap the
  Edit/History/Delete/⋮ buttons in a flex container with flex-wrap so they
  reflow instead of forcing the table wider than the viewport; allow the
  name/number/email cell to break long strings.
- index.css: td word-break:break-word + table max-width:100% as a guard.
- Sync the UI repo (ContactsPage/ContactHistory/MessagesPage implicit-any
  annotations that unblock npm run build) into the frontend/ mirror.

frontend/src/components/ContactHistory.tsx

@@ -15,7 +15,7 @@ export default function ContactHistory() {
       </div>
       {isLoading && <div className="card empty">Loading...</div>}
       {error && <div className="card err">{(error as Error).message}</div>}
-      {data?.messages?.map((m) => (
+      {data?.messages?.map((m: any) => (
         <div key={m.id} className={"card" + (m.is_read ? "" : " unread")}>
           <div className="who">{data.contact}</div>
           <div className="meta">{m.time}{m.duration_fmt ? ` · ${m.duration_fmt}` : ""}</div>