fix: chatbot conversation rename/delete unreachable on mobile (v0.55.1)

Both buttons were opacity-0 group-hover:opacity-100 — no touch equivalent
to :hover, so they never appeared on mobile at all. Made them always
visible, matching the app's existing convention for per-item actions in
narrow lists (e.g. shopping-list-actions-menu.tsx) rather than hover-reveal.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/web/components/recipe/conversation-menu.tsx

@@ -156,7 +156,7 @@ export function ConversationMenu({
               <div
                 key={c.id}
                 className={cn(
-                  "group flex items-center gap-1 px-2 py-1.5 rounded-md text-sm",
+                  "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm",
                   c.id === activeId ? "bg-accent" : "hover:bg-muted/60"
                 )}
               >
@@ -195,7 +195,7 @@ export function ConversationMenu({
                     <button
                       type="button"
                       onClick={() => startRename(c)}
-                      className="p-1 rounded-md hover:bg-muted shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
+                      className="p-1 rounded-md hover:bg-muted shrink-0 text-muted-foreground"
                       aria-label={t("renameAriaLabel")}
                     >
                       <Pencil className="h-3.5 w-3.5" />
@@ -203,7 +203,7 @@ export function ConversationMenu({
                     <button
                       type="button"
                       onClick={() => setDeleteTargetId(c.id)}
-                      className="p-1 rounded-md hover:bg-muted shrink-0 opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground"
+                      className="p-1 rounded-md hover:bg-muted shrink-0 text-muted-foreground"
                       aria-label={t("deleteAriaLabel")}
                     >
                       <Trash2 className="h-3.5 w-3.5" />