UI: Added new locale-aware and configurable number formatting (#354)

src/Gang/ui/RecruitButton.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { RecruitModal } from "./RecruitModal";
 import { GangConstants } from "../data/Constants";
-import { numeralWrapper } from "../../ui/numeralFormat";
+import { formatRespect } from "../../ui/formatNumber";
 import { useGang } from "./Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
@@ -24,9 +24,7 @@ export function RecruitButton(props: IProps): React.ReactElement {
     return (
       <Box display="flex" alignItems="center" sx={{ mx: 1 }}>
         <Button disabled>Recruit Gang Member</Button>
-        <Typography sx={{ ml: 1 }}>
-          {numeralWrapper.formatRespect(respect)} respect needed to recruit next member
-        </Typography>
+        <Typography sx={{ ml: 1 }}>{formatRespect(respect)} respect needed to recruit next member</Typography>
       </Box>
     );
   }