fix(pet): the pet window no longer scrolls sideways

The status chips' row needs ~340 px; the window was 320 and its body's
overflow-y:auto made x scrollable too, so a horizontal scrollbar showed
and Clear alerts was cut. 22rem wide (capped to the viewport), x hidden.

client/src/components/Sagi/PetPanel.tsx

@@ -32,7 +32,7 @@ export function PetPanel({
   const { t } = useTranslation("settings");
   return (
     <div
-      className="pet-chat flex max-h-[calc(100vh-6rem)] w-80 flex-col overflow-hidden rounded-3xl border border-border-light shadow-2xl animate-slide-up"
+      className="pet-chat flex max-h-[calc(100vh-6rem)] w-[22rem] max-w-[calc(100vw-2rem)] flex-col overflow-hidden rounded-3xl border border-border-light shadow-2xl animate-slide-up"
       role="dialog"
       aria-label={t("sagi.panel.label", { name })}
     >
@@ -54,7 +54,9 @@ export function PetPanel({
           <X size={16} />
         </button>
       </div>
-      <div className="overflow-y-auto">{info}</div>
+      {/* Vertical only: an auto overflow-y makes x scrollable too, and the
+          status chips' row then showed a horizontal scrollbar. */}
+      <div className="min-w-0 overflow-y-auto overflow-x-hidden">{info}</div>
     </div>
   );
 }