Fix critical HTMX target error in flashcard creation (#4)

The flashcard modal was targeting #flashcards-list but topic pages use #topic-flashcards-list,
causing HTMX targetError when creating flashcards from topic pages.

This fix makes the HTMX target context-aware:
- Topic pages: target #topic-flashcards-list
- Unit pages: target #flashcards-list

Users can now create flashcards from topic pages without HTMX errors.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-authored-by: Claude <noreply@anthropic.com>

Author: buger

resources/views/flashcards/partials/flashcard-modal.blade.php

@@ -28,7 +28,7 @@
                     hx-post="{{ route('units.flashcards.store', $unit->id) }}"
                 @endif
             @endif
-            hx-target="#flashcards-list"
+            hx-target="{{ isset($topic) ? '#topic-flashcards-list' : '#flashcards-list' }}"
             hx-swap="innerHTML"
             hx-on::before-request="console.log('HTMX: Flashcard form submission starting...', event.detail)"
             hx-on::after-request="console.log('HTMX: Flashcard form submission completed', event.detail); if(event.detail.xhr.status >= 200 && event.detail.xhr.status < 300) { setTimeout(() => { const modal = event.target.closest('.fixed'); if(modal) { console.log('Removing flashcard modal...'); modal.remove(); } }, 100); }"
@@ -324,11 +324,15 @@ class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-med
 
 <!-- JavaScript for dynamic form behavior -->
 <script>
-    let choiceCount = 0;
-    
-    // Modal form response is now handled by HTMX events
-    
-    function toggleCardTypeFields(cardType) {
+    // Avoid global variable conflicts by scoping variables but keeping functions global
+    (function() {
+        // Private variables to avoid conflicts
+        let modalChoiceCount = 0;
+
+        // Modal form response is now handled by HTMX events
+
+        // Make functions global so they can be called from HTML
+        window.toggleCardTypeFields = function(cardType) {
         // Hide all card-specific fields
         const fieldGroups = ['basic-fields', 'multiple-choice-fields', 'true-false-fields', 'cloze-fields', 'image-occlusion-fields'];
         fieldGroups.forEach(group => {