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/ui/resourceBar.tsx

@@ -82,7 +82,7 @@ const ResourceBar = ({
   isSyncing,
   onForceSync,
 }: ResourceBarProperties): JSX.Element => {
-  const { formatNumber, syncError, state } = useGame();
+  const { formatInteger, formatNumber, syncError, state } = useGame();
   const [ isProfileOpen, setIsProfileOpen ] = useState(false);
   const [ isResourcesOpen, setIsResourcesOpen ] = useState(false);
 
@@ -162,7 +162,7 @@ const ResourceBar = ({
             title="Click to see all resources"
             type="button"
           >
-            <span className="resource-icon">{"🪙"}</span>
+            <span className="resource-icon">{"💰"}</span>
             <span className="resource-value">{formatNumber(gold)}</span>
             <span className="resource-label">{"Gold"}</span>
             {goldFull
@@ -218,7 +218,7 @@ const ResourceBar = ({
                 : ""}`}>
                 <span className="resource-icon">{"💎"}</span>
                 <span className="resource-value">
-                  {formatNumber(crystals)}
+                  {formatInteger(crystals)}
                 </span>
                 <span className="resource-label">{"Crystals"}</span>
                 {crystalsFull
@@ -233,14 +233,14 @@ const ResourceBar = ({
               <div className="resource">
                 <span className="resource-icon">{"🔮"}</span>
                 <span className="resource-value">
-                  {formatNumber(runestones)}
+                  {formatInteger(runestones)}
                 </span>
                 <span className="resource-label">{"Runestones"}</span>
               </div>
               <div className="resource">
                 <span className="resource-icon">{"⭐"}</span>
                 <span className="resource-value">
-                  {`+${formatNumber(projectedRunestones)}`}
+                  {`+${formatInteger(projectedRunestones)}`}
                 </span>
                 <span className="resource-label">{"On Prestige"}</span>
               </div>