fix: redesing and add features

src/components/pokemon/Pokemon.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { defineProps } from 'vue'
+
+const props = defineProps({
+    pokemonData: Object,
+    pokemonImage: String,
+});
+</script>
+
+<template>
+    <div class="w-full h-full flex items-center justify-center p-2 relative z-10">
+        <img 
+            :src="pokemonImage" 
+            :alt="pokemonData.names[1].name"
+            class="max-w-full max-h-full object-contain filter drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]"
+        >
+    </div>
+</template>
+