Revamp numeric text field

[glmdgrielson]

This SHOULD fix bug #414, in a way that doesn't look too bad.

✅ Changes

• refactor: change the text display used for numeric text inputs.

🌄 Context

Per bug #414, the prior version had a limit on how large the value in the field could be.

🔒Checklist

• I tested my work on the feature environment

[RPDeshaies]

Just tested, the UI looks fine!

Though we'd need to disable the logic to prevent the 999 cap here: https://github.com/glmdgrielson/fari-app/blob/9900754feb3c207fc04dd695825810e3f64134d8/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx#L95-L109

and probably change this forced with of 3rem here: https://github.com/glmdgrielson/fari-app/blob/9900754feb3c207fc04dd695825810e3f64134d8/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx#L113-L114

[glmdgrielson]

One other thing that might need fixing, this warning:

transforming (1498) node_modules/@mui/x-data-grid/locales/bgBG.js[plugin:vite:esbuild] Duplicate key "background" in object literal
117|                "outline": "none",
118|                "background": props.highlight ? miniTheme.textPrimary : "inherit",
119|                "background": theme.palette.action.hover,
   |                ^
120|                "&&": {
121|                  color: "inherit",

[glmdgrielson]

Alright, both of the issues you brought up have been fixed. (I can't believe I forgot to remove the code that causes literally the very issue I was supposed to be solving the whole time.)