chore(remix-react): make inline scripts more robust

[valin4tor]

For inline scripts, instead of directly injecting JavaScript using a template literal:

• Write a function with the desired code, using params for external values
• Convert this function to a string using Function.prototype.toString()
• Inject the resulting string, and call the function with the required values

This provides the following benefits for inline scripts:

• Problem checking with ESLint
• Type checking with TypeScript
• Consistent formatting with Prettier
• Consistent baseline indentation

I haven't added or changed any tests since this isn't strictly a bug fix or new feature.

[remix-cla-bot]

Hi @valerie-makes,

Welcome, and thank you for contributing to Remix!

Before we consider your pull request, we ask that you sign our Contributor License Agreement (CLA). We require this only once.

You may review the CLA and sign it by adding your name to contributors.yml.

Once the CLA is signed, the CLA Signed label will be added to the pull request.

If you have already signed the CLA and received this response in error, or if you have any questions, please contact us at hello@remix.run.

Thanks!

- The Remix team

[remix-cla-bot]

Thank you for signing the Contributor License Agreement. Let's get this merged! 🥳

[ryanflorence]

Love it, sorry for taking so long to get to this PR. Do you mind rebasing with dev and doing it again? Both inline scripts have changed since 😭

[valin4tor]

@ryanflorence I've rebased with the new script changes 🙂

[ryanflorence]

Heh, our tests here are a little funny, I'll fix them.