[TRI-1336] [TRI-721] Add remix-development-tools to the webapp

[matt-aitken]

The remix-development-tools package adds a lot of really useful tools for debugging Remix apps.

Solution

• Install the package: https://github.com/Code-Forge-Net/Remix-Dev-Tools/tree/v3.0.0#getting-started
• The standard installation method should work, this is our root file: https://github.com/triggerdotdev/trigger.dev/blob/main/apps/webapp/app/root.tsx
• Run the web app and check that the tools are working, provide a screenshot of them.
• You'll need to follow the developing section of the Contribution guide to run the webapp.

_{From SyncLinear.com | TRI-721}

_TRI-1336

[PrateekKrishna]

I want to work on this issue

[matt-aitken]

There's a branch here with WIP on this: https://github.com/triggerdotdev/trigger.dev/tree/feat/remix-development-tools

But it doesn't work because when running the webapp I get the error process.env is undefined on the client. The file runs on the server and client. I tried moving the conditional to a .server.ts file but then it obviously is undefined on the client…

[matt-aitken]

This would still be nice, but not a priority. I think we need to upgrade to the latest React Router and make it so it doesn't ship in the built production code.