[HOLD for payment 2023-04-13] Migrate IOUModal.js to function component

[marcaaron]

Class Component Migration

Filenames

• src/pages/iou/IOUModal.js
  • type: React.Component
  • has state values: true
  • has refs: false
  • has context: false
  • lifecycle methods: componentDidMount,componentDidUpdate

Task

• We currently have some class components in our codebase that we would like to refactor to a function component.
• Here's a link with some general advice on how to refactor a class component to a function component: https://react.dev/reference/react/Component#alternatives
• If you need additional guidance, please ask in #expensify-open-source
• Test for any regressions and verify that there are no breaking changes

[thienlnam]

Talked to Jules 1:1, grabbing this since it's part of manual requests to refactor into MoneyRequestModal
https://docs.google.com/document/d/17jFcMsAotXvsMhXivoF3u7fyzeyXkKpRGXR88Ud0oWY/edit#bookmark=kix.6loq89desjse

[marcaaron]

Gonna remove the HOLD on this one since at this point we're mostly done. I would maybe have suggested we focus on this post-Manual Requests, but that's my bad for not making the migration priority more clear.

[marcaaron]

@thienlnam taking this issue off HOLD as per this Slack post

IMPORTANT: If anything unexpected pops up during the refactor/review:

• Take it to #expensify-open-source to get clarification on.
• Prefix the conversation with [HOOK REFACTOR] so that we can find it easily.
• Link the result of the conversation in this section of the Design Doc titled “Best Practices Conversations”
• Add it to the STYLE.md guide in this open PR so we can reference it and apply any teachings in the next phase