Add animated qr scanning effect to scanscreen

[kavin553]

Summary

Added an animated QR scanning effect to the ScanScreen to improve the visual experience and make the QR section feel more interactive and realistic on mobile devices.

Closes #280

---

Type of Change

• Bug fix
• New feature
• Refactor (no functional change)
• UI / Design change
• Tests only
• Documentation
• Infrastructure / DevOps
• Security

---

What Changed

• Added smooth animated scan line using React Native Animated API
• Added glowing scan effect inside QR and camera sections
• Improved mobile responsiveness for the scanner area

---

How to Test

1. Run "pnpm install"
2. Run "pnpm dev:android"
3. Open ScanScreen and verify the animated scan line effect

---

Checklist

• My code follows the project's coding style
• TypeScript compiles without errors
• I have added or updated tests for the changes I made
• All tests pass locally
• I have updated documentation where necessary
• No new "console.log" or debug statements left in the code
• Breaking changes are documented in this PR description

---

Screenshots / Recordings

Added animated scan line effect for QR scanner preview.

---

Additional Context

The animation is lightweight and optimized using the native driver to maintain smooth performance on mobile devices.

[vercel]

@kavin553 is attempting to deploy a commit to the Prashantkumar Khatri's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

CI — All Checks Passed

Backend — SKIP

Check	Result
Lint	-
Test	-
Typecheck	-

Mobile — SKIP

Check	Result
Lint	-
Test	-

Web — SKIP

Check	Result
Check	-
Build	-

---

Last updated: Mon, 08 Jun 2026 10:50:49 GMT

[kavin553]

Hi maintainers 👋

Implemented the animated QR scanning effect for the ScanScreen with a lightweight React Native animation approach.

Changes included:

• Smooth animated scan line
• QR preview animation
• Mobile responsive scanner area
• Performance-friendly native animation

Please review the PR. Feedback and suggestions are welcome.

Thank you! 🚀