fix: batch and debounce rapid user input events (typing, scrolling)

[binayyub4211]

PR Title

fix: batch and debounce rapid user input events (typing, scrolling)

PR Description

What was done:

• Created robust and reusable useDebounce and useDebounceCallback React Hooks.
• Applied useDebounce with 300ms delay to the search input text inside MobileSearch component. Keeps the input controlled state highly responsive but debounces suggestions list calculations and results filtering automatically as the user types.
• Applied useDebounceCallback with 100ms delay to onScroll handlers inside LessonCarousel component. Safely extracts raw content offsets synchronously to bypass React Native event pooling while preventing render spams during rapid horizontal scrolling.
• Added comprehensive unit tests for the hooks and integration tests simulating rapid keystrokes/scroll drags to measure performance improvement.

Why it was done:

• Prevented render cascades, component updates, and suggestion filter operations on every single keystroke/scroll drag.
• Enhanced typing and scrolling responsiveness, keeping UI lag-free under fast interactions.

How it was verified:

• Added tests/hooks/useDebounce.test.ts to test hook timing behavior.
• Added tests/components/DebounceIntegration.test.tsx to verify components under rapid event simulation.
• Ran all 167 project tests and achieved 100% pass rate.
  • Rapid keystrokes: Render reduction achieved (~3 renders per 10 characters typed).
  • Rapid scrolling: State updates correctly throttled/debounced to max 10/second.

Closes #256

[drips-wave]

@binayyub4211 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits