fix(petpassport): stop opening a walk from marking it walked

[harish-gaggar]

Description

Opening a saved Pet Passport walk also toggled its walked flag. The details view then kept the previous badge, so reading an itinerary marked the walk as done.
The card title now only opens the itinerary. A separate Walked / Not walked button on the card and in the details view saves the status. A second click while a save is in flight is ignored, and a failed save rolls the badge back. Itinerary text wraps on word boundaries, and the details header no longer collides with the back button.

Motivation and Context

The demo's saved-walk list is how a user reviews a route the agent already created. Coupling "open" and "mark walked" made that review change stored state, and the details badge did not match the list.

How Has This Been Tested?

• Served the static UI with a mock /api/paths and exercised it in the browser.
• Opening a path sent no save. The itinerary rendered bold text, a list, a map link, and a photo whose file:///tmp/ path was rewritten for the page.
• Marking one walk walked updated the list badge and the details badge together, and the server stored walked: true.
• Two clicks during a slow save produced one stored update. A forced HTTP 500 restored both badges to Not walked and left the server unchanged.
• Opening a second path, returning to chat, and sending a message did not change walked flags.
• A breed value containing HTML tags was rendered as text.
• At 1280px the details title sits beside Back to Chat with no overlap. At 390px the title wraps onto the next line.
• app.js parses cleanly.

Breaking Changes

None. The walked flag still posts the full path object to /api/paths.

Types of changes

• Bug fix
• New feature
• Breaking change
• Documentation update

Checklist

• I have read the repository contributing guidelines
• My changes are limited to the Pet Passport example UI
• I have signed the Google Contributor License Agreement (https://cla.developers.google.com/) for mrgaggar@gmail.com
• I have tested the changed UI in a browser

[google-cla]

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.