Racing styles fixes + update TextField + fixed UI datasync issue

[BackSH00TER]

This PR addresses 3 different problems.

1. The UI does not update when any of the events are triggered from the qb-lapraces via qb-phone:client:UpdateLapraces

• This was happening because the event listener that calls sendUIMessage was missing the fact that the event takes an object with field type.

onNet('qb-phone:client:UpdateLapraces', () => {
  npwdExports.sendUIMessage({type: NUIEvents.UpdateData});
});

• After making this change the DataSync component gets triggered and refreshes the UI
• Also emit the event from DeleteTrack so the UI syncs across all clients UI

2. The input fields on the racing app, were not preventing outside keypresses (ie: character would still walk around when WASD pressed and other keybinds were triggered.

• This issue is fixed by using import { TextField } from 'layout/ui';. This imports the TextField component defined in the npwd packages, which correctly handles the key presses.

3. There are a handful of styling issues happening in the app.

• Note: We found that these styling issues are caused by the Tailwind styles imported in the phone/src/main.css. It is styling button tag directly and as a result overrides the MUI styles in many places. This solution is more of a short term / bandaid fix until a longer term solution is figured out with the use of Tailwind and MUI styles.

• BEFORE (Tracks page)

  • 
  • 

• AFTER

  • 
  • 

• BEFORE (setup races)

  • 
  • 

• AFTER

  • 
  •