fix: force qr code colors to light theme

[im-adithya]

Fixes #423

Utility > Design

Summary by CodeRabbit

• Refactor
  • Optimized internal styling implementation for the QR code component. No user-facing changes.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Fixed QR code color display in components/QRCode.tsx by replacing Tailwind background class styling with inline styles using theme colors from THEME_COLORS.light, ensuring proper color values are applied to the component's background.

Changes

Cohort / File(s)	Summary
QR Code Color Fix components/QRCode.tsx	Added THEME_COLORS import; refactored background and foreground color extraction to use THEME_COLORS.light instead of Tailwind classes; replaced bg-background class with inline backgroundColor style.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 Colors were crossed, the codes showed wrong,
Black became white, the palette all gone!
But now with true themes, the fix shines bright,
QR codes scanned perfect—left becomes right! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main change: forcing QR code colors to the light theme to fix the color inversion bug reported in issue #423.
Linked Issues check	✅ Passed	The code changes directly address issue #423 by forcing QR codes to use light theme colors (standard black foreground on white background), correcting the color inversion problem.
Out of Scope Changes check	✅ Passed	All changes are focused on fixing QR code colors and are directly related to resolving the linked issue #423; no out-of-scope modifications detected.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

components/QRCode.tsx (1)

55-56: Force the avatar overlay background to light as well.
The QR area is now light-themed, but the avatar overlay still uses theme-driven bg-background, which can be dark in dark mode and reduce QR contrast. Consider reusing the same light background value here to keep scannability consistent.

✅ Suggested tweak

-      {showAvatar && (
-        <View className="absolute self-center p-3 rounded-full bg-background">
+      {showAvatar && (
+        <View
+          className="absolute self-center p-3 rounded-full"
+          style={{ backgroundColor: background }}
+        >