reflect attack automatically

src/App.svelte

@@ -4,19 +4,20 @@
   import "carbon-components-svelte/css/g80.css";
   let player1Data;
   let player2Data;
+  let attackId;
 </script>
 
 <main class="container">
   <div class="main-row">
     <div class="column-1">
-      <MainWrapper bind:pokemonStatus={player1Data} />
+      <MainWrapper bind:pokemonStatus={player1Data} bind:attackId/>
     </div>
     <div class="column-2">
-      <MainWrapper bind:pokemonStatus={player2Data} />
+      <MainWrapper bind:pokemonStatus={player2Data} bind:attackId />
     </div>
   </div>
   <div class="row">
-    <DamageCalculator bind:player1Data bind:player2Data />
+    <DamageCalculator bind:player1Data bind:player2Data bind:attackId />
   </div>
 </main>