added some more changes

src/lib/MainWrapper.svelte

@@ -3,11 +3,12 @@
   import AutoComplete from "simple-svelte-autocomplete";
   import DisplayData from "./DisplayData.svelte";
   import type { PokemonData } from "../model/PokemonStatus";
+  import type { PokemonDBData } from "src/model/PokemonData";
   $: {
     if (myValue > 0 && myValue !== currentValue) {
       invoke("search", { index: myValue }).then((r) => {
         currentValue = myValue;
-        pokemonData = r;
+        pokemonData = r as PokemonDBData;
         console.log(pokemonData);
       });
     }
@@ -25,7 +26,7 @@
   }
   let myValue;
   let currentValue = 0;
-  let pokemonData;
+  let pokemonData: PokemonDBData | undefined;
   let terastype = [0];
   let hp_final = 0;
   let atk_final = 0;
@@ -67,7 +68,7 @@
       bind:value={myValue}
     />
   </div>
-  <div class="row">
+  <div class="row-display">
     <DisplayData
       {pokemonData}
       bind:terastype
@@ -80,3 +81,10 @@
     />
   </div>
 </div>
+
+<style>
+  .row-display {
+    height: 755px;
+    overflow-y: scroll;
+  }
+</style>