fix: improve UX and clarity for Bulk Search

[akramcodez]

Closes #11347

Changes

• Implemented auto-scroll for Bulk Search steps: when a step card becomes enabled, it automatically scrolls into view.
• Added activeStep visual indicator with a blue border/shadow to highlight the current step.
• Updated carousel to clearly show that only the first work will be saved: added subtle transparency to other items.
• Clarified spreadsheet instructions to explicitly indicate copying/pasting the table directly.
• Minor UI tweaks for better visual clarity and user guidance.

Screen recording

video.mov

[Copilot]

Pull Request Overview

This PR enhances the user experience of the Bulk Search feature by adding visual feedback and clearer instructions. The changes focus on guiding users through a three-step process with better visual indicators and explicit instructions.

• Implements auto-scrolling to active steps and adds visual highlighting with blue borders
• Distinguishes the primary book result (first card) from secondary results using opacity and border styling
• Adds instructional text to clarify the spreadsheet copy/paste workflow

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
openlibrary/components/BulkSearch/components/BulkSearchControls.vue	Adds auto-scroll behavior, activeStep tracking, visual step highlighting, and instructional text for the bulk search workflow
openlibrary/components/BulkSearch/components/BookCard.vue	Implements primary/secondary card styling with opacity differences and border highlighting
openlibrary/components/BulkSearch/components/TableRow.vue	Passes isPrimary prop to BookCard to identify the first result
openlibrary/components/BulkSearch/components/MatchRow.vue	Passes isPrimary prop to BookCard to identify the first result

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[akramcodez]

PTAL @cdrini, thanks.

[cdrini]

Nice great work @akramcodez ! A few small tweaks for styling 👍

[akramcodez]

@cdrini thanks for the suggestions, all implemented.

[akramcodez]

@cdrini if there's any problem, please let me know.

[cdrini]

Hi @akramcodez , please make sure to resolve all the cr comments (see https://github.com/internetarchive/openlibrary/blob/master/CONTRIBUTING.md#submitting-pull-requests ). That's what signals to me the PR is ready for another look!

Also note it seems like we lost the scrollIntoView logic with the latest changes. That will need to be restored.

[akramcodez]

Hi @cdrini, sorry about that I had pushed the changes but forgot to resolve the review comments. I've now resolved them and also restored the scrollIntoView logic.

[cdrini]

Looks great! Thank you @akramcodez