docs: Use defineMessage macro for lazy translations

[orangain]

After reading #980 (comment), I learned about the defineMessage macro and understood that it is the best way for lazy translations.

This PR updates the react common patterns document to use defineMessage instead of t for lazy translations.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/lingui-js/js-lingui/7CcHnz4CkGNnW6cjBsoto1cMNZrZ
✅ Preview: https://js-lingui-git-fork-orangain-update-lazy-translation-lingui-js.vercel.app

[codecov]

Codecov Report

Merging #991 (7dd0aae) into main (77ec0bd) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #991   +/-   ##
=======================================
  Coverage   83.30%   83.30%           
=======================================
  Files          53       53           
  Lines        1605     1605           
  Branches      430      430           
=======================================
  Hits         1337     1337           
  Misses        156      156           
  Partials      112      112           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 77ec0bd...7dd0aae. Read the comment docs.