added feature to register team

src/App.svelte

@@ -1,19 +1,26 @@
 <script lang="ts">
+  import { invoke } from "@tauri-apps/api/tauri";
   import MainWrapper from "./lib/MainWrapper.svelte";
   import DamageCalculator from "./lib/DamageCalculator.svelte";
   import "carbon-components-svelte/css/g80.css";
-  let player1Data;
-  let player2Data;
-  let attackId;
+  import type { ItemData } from "./model/ItemData";
+  import type { PokemonStatus } from "./model/PokemonStatus";
+  let items: ItemData[] = [];
+  let player1Data: PokemonStatus | undefined;
+  let player2Data: PokemonStatus | undefined;
+  let attackId: number | undefined;
+  invoke("get_items").then((r: ItemData[]) => {
+    items = r;
+  });
 </script>
 
 <main class="container">
   <div class="main-row">
     <div class="column-1">
-      <MainWrapper bind:pokemonStatus={player1Data} bind:attackId/>
+      <MainWrapper bind:pokemonStatus={player1Data} bind:attackId {items} />
     </div>
     <div class="column-2">
-      <MainWrapper bind:pokemonStatus={player2Data} bind:attackId />
+      <MainWrapper bind:pokemonStatus={player2Data} bind:attackId {items} />
     </div>
   </div>
   <div class="row">