[EXTENSION] Add visual regression screenshot baseline for popup and side panel UI with Playwright

[wheval]

Feature Description

Capture baseline screenshots for all major popup screens and add a Playwright visual regression check that fails on unexpected UI changes.

Problem Statement

There is no visual regression testing. UI changes can inadvertently break the layout of the popup or approval screens without tests catching it.

Proposed Solution

• Add playwright.visual.config.ts with screenshot baseline configuration
• Capture baselines for: unlock screen, home/balance screen, send form, review screen, grant-access, sign-transaction, session keys list
• Add toMatchSnapshot() assertions in new tests/e2e/visual.spec.ts
• Run on CI with --update-snapshots flag on baseline refresh PRs
• Store baselines in tests/e2e/snapshots/ committed to repo

Impact Area

• Extension Wallet

Priority

• Medium - Nice to have

Implementation Complexity

• Simple - Few changes needed

[Kureszn]

I've reviewed the issue and believe I can contribute effectively. My experience spans software development, blockchain technologies, cybersecurity and open source collaboration. I take a structured approach to contributions carefully understanding the existing codebase, identifying the root cause and delivering a thoroughly tested implementation.

[Menjay7]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

[neyij]

@neyij has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

hi, i would like to work on this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @neyij to this issue.

[gloskull]

Hello, I have 4 years of experience delivering solutions for projects like this, covering backend, frontend, and smart contract development. After carefully reviewing your requirements, I have a clear understanding of the task and am confident in my ability to deliver a clean, efficient, and thoroughly tested solution on time. I prioritize code quality, maintainability, and industry best practices throughout the development process.
My PR will be submitted in under 10hours.

[Muyideen-js]

@Muyideen-js has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi, i can fix

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Muyideen-js to this issue.

[drips-wave]

Congratulations, @Muyideen-js! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @Muyideen-js: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[grantfox-oss]

🦊 GrantFox — @Muyideen-js has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #825)
2. Your PR will be reviewed by the ancore-org maintainers

Good luck! Track your progress on GrantFox.