fix(inventory): display players name properly.

Along with a few general clean up / movement items, this address's the issue where after a refresh / reload of the game, the players name would disappear from the top of the players inventory.

src/components/CurrentStatus.jsx

@@ -4,10 +4,12 @@ import { useSelector } from 'react-redux';
 const CurrentStatus = () => {
   const status = useSelector((state) => state.player.status);
   const currency = useSelector((state) => state.player.stats.currency);
+  const level = useSelector((state) => state.player.stats.level);
+  const xp = useSelector((state) => state.player.stats.xp);
 
   return (
     <div>
-      Current Status: {status}, Currency: {currency}
+      Current Status: {status}, Currency: {currency}, Level: {level}, XP: {xp}
     </div>
   );
 };

src/features/expeditions/expeditionZones.js

@@ -8,9 +8,9 @@ const zones = [
     duration: 10, // seconds
     xpRange: [15, 25],
     lootDrops: [
-      { type: 'item', item: items.equipment.filter, chance: 0.000033 },
-      { type: 'item', item: items.equipment.spongeFilter, chance: 0.000033 },
-      { type: 'item', item: items.equipment.light, chance: 0.000033 },
+      { type: 'item', item: items.equipment.filter, chance: 0.00013 },
+      { type: 'item', item: items.equipment.spongeFilter, chance: 0.00093 },
+      { type: 'item', item: items.equipment.light, chance: 0.00093 },
       { type: 'currency', amountRange: [5, 10], chance: 0.2 },
     ],
     image: 'icons/expeditions/coralReef.png',

src/features/player/saveState.js

@@ -20,6 +20,7 @@ export const saveState = (state) => {
 
     const serializedState = JSON.stringify({
       player: {
+        name: playerState.name,
         stats: playerState.stats,
         inventory: playerState.inventory,
         equipment: playerState.equipment,

src/pages/Inventory.jsx

@@ -5,7 +5,7 @@ import '../styles/inventory.css';
 import InventorySlot from '../components/InventorySlot';
 
 const Inventory = () => {
-  const player = useSelector(state => state.player);
+  const player = useSelector((state) => state.player);
   const dispatch = useDispatch();
 
   return (