feat: another balance and bug fix pass (#238)

Working through open issues — fixes, balance changes, and features.

## Closed

- Closes #161
- Closes #181
- Closes #191
- Closes #199
- Closes #201
- Closes #202
- Closes #203
- Closes #204
- Closes #205
- Closes #206
- Closes #208
- Closes #211
- Closes #212
- Closes #213
- Closes #214
- Closes #216
- Closes #219
- Closes #220
- Closes #221
- Closes #222
- Closes #224
- Closes #225
- Closes #226
- Closes #228
- Closes #229
- Closes #230
- Closes #231
- Closes #232
- Closes #233
- Closes #234
- Closes #235
- Closes #236

✨ This PR was created with help from Hikari~ 🌸

Reviewed-on: #238
Co-authored-by: Hikari <hikari@nhcarrigan.com>
Co-committed-by: Hikari <hikari@nhcarrigan.com>

apps/web/src/components/game/transcendencePanel.tsx

@@ -50,7 +50,7 @@ const categoryOrder: Array<TranscendenceUpgradeCategory> = [
  * @returns The JSX element.
  */
 const TranscendencePanel = (): JSX.Element => {
-  const { state, formatNumber, transcend, buyEchoUpgrade } = useGame();
+  const { state, formatInteger, transcend, buyEchoUpgrade } = useGame();
   const [ isPending, setIsPending ] = useState(false);
   const [ result, setResult ] = useState<{
     echoes: number;
@@ -152,7 +152,7 @@ const TranscendencePanel = (): JSX.Element => {
           type="button"
         >
           {"✨ Echo Shop ("}
-          {formatNumber(currentEchoes)}
+          {formatInteger(currentEchoes)}
           {" echoes)"}
         </button>
       </div>
@@ -184,7 +184,7 @@ const TranscendencePanel = (): JSX.Element => {
             }
             <p>
               {"Current Echoes: "}
-              <strong>{formatNumber(currentEchoes)}</strong>
+              <strong>{formatInteger(currentEchoes)}</strong>
             </p>
             <p>
               {"Current prestige count: "}
@@ -195,7 +195,7 @@ const TranscendencePanel = (): JSX.Element => {
                 {"Echoes on transcendence: "}
                 <strong>
                   {"+"}
-                  {formatNumber(echoPreview)}
+                  {formatInteger(echoPreview)}
                 </strong>
                 {echoMetaMultiplier > 1
                   && <span className="echo-meta-bonus">
@@ -238,7 +238,7 @@ const TranscendencePanel = (): JSX.Element => {
               >
                 {isPending
                   ? "Transcending..."
-                  : `🌌 Transcend (+${formatNumber(echoPreview)} Echoes)`}
+                  : `🌌 Transcend (+${formatInteger(echoPreview)} Echoes)`}
               </button>
               {error === null
                 ? null
@@ -248,7 +248,7 @@ const TranscendencePanel = (): JSX.Element => {
                 : <p className="success">
                   {"Transcended! Earned "}
                   <strong>
-                    {formatNumber(result.echoes)}
+                    {formatInteger(result.echoes)}
                     {" Echoes"}
                   </strong>
                   {". This is Transcendence "}
@@ -266,7 +266,7 @@ const TranscendencePanel = (): JSX.Element => {
           <p className="shop-balance">
             {"Balance: "}
             <strong>
-              {formatNumber(currentEchoes)}
+              {formatInteger(currentEchoes)}
               {" Echoes"}
             </strong>
           </p>
@@ -314,7 +314,7 @@ const TranscendencePanel = (): JSX.Element => {
                           <p className="upgrade-cost">
                             {purchased
                               ? "✅ Purchased"
-                              : `✨ ${formatNumber(upgrade.cost)} Echoes`}
+                              : `✨ ${formatInteger(upgrade.cost)} Echoes`}
                           </p>
                         </div>
                         {purchased