fix: add missing link to pokemon detail in pokemon_card component

The pokemon_card.html component was missing the <a> wrapper to link
to the pokemon detail page. This was mentioned as a TODO comment
'Pokemon detail route will be added in Task 7' but was never completed.

Changes:
- Wrapped the card div with an <a> tag using url_for('main.pokemon_detail')
- Added transition-shadow class for smooth hover effect
- Now clicking on any pokemon card navigates to its detail page

This fix ensures the user experience matches the intended flow:
Homepage → Click Pokemon → See Detail Page

🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>

Author: fparis-sp

claude-code/pokedex-flask-htmx/app/templates/components/pokemon_card.html

@@ -1,5 +1,5 @@
-<!-- Pokemon detail route will be added in Task 7 -->
-<div class="pokemon-card block bg-white rounded-lg shadow-md p-4 hover:shadow-xl">
+<a href="{{ url_for('main.pokemon_detail', name=pokemon.name) }}"
+   class="pokemon-card block bg-white rounded-lg shadow-md p-4 hover:shadow-xl transition-shadow">
     <div class="text-center">
         <!-- Pokemon Image -->
         <img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/{{ pokemon.id }}.png"
@@ -17,4 +17,4 @@ <h3 class="text-lg font-bold text-gray-800 capitalize">
             {{ pokemon.display_name }}
         </h3>
     </div>
-</div>
+</a>