Refactor: DeckCreator komponensek típus kezelésének egységesítése

- Frissítve a DeckHeader típusai a backend formátumra (QUESTION, LUCK, JOKER)
- Frissítve a CardsList és Editor komponensek típus kezelése
- Egyszerűsítve a kártya létrehozás és mentés logika
- Az új kártya gomb mindig a pakli típusának megfelelő kártyát hozza létre

SerpentRace_Frontend/src/pages/DeckCreator/DeckCreator.jsx

@@ -17,7 +17,7 @@ export default function DeckCreator() {
   const [deck, setDeck] = useState({
     id: null,
     name: "Új Pakli",
-    type: "Question", // Question, Luck, Fun
+    type: "QUESTION", // QUESTION, LUCK, JOKER - backend formátum
     privacy: "private", // private, public
     description: "",
     cards: []
@@ -26,19 +26,18 @@ export default function DeckCreator() {
   // UI állapotok
   const [selectedCard, setSelectedCard] = useState(null)
   const [isCreatingCard, setIsCreatingCard] = useState(false)
-  const [newCardType, setNewCardType] = useState(null) // task, joker, luck
+  const [newCardType, setNewCardType] = useState(null)
 
-  // Betöltés (később API-ból)
+  // Betöltés API-ból
   useEffect(() => {
     if (deckId) {
       // TODO: Betöltés API-ból
-      loadDeck(deckId)
     } else {
       // Új deck
       setDeck({
         id: null,
         name: "Új Pakli",
-        type: "Question",
+        type: "QUESTION",
         privacy: "private",
         description: "",
         cards: []
@@ -46,60 +45,27 @@ export default function DeckCreator() {
     }
   }, [deckId])
 
-  const loadDeck = async (id) => {
-    // Mock deck betöltés
-    const mockDeck = {
-      id: id,
-      name: "Quiz Night",
-      type: "Question",
-      privacy: "public",
-      description: "Szórakoztató kvíz este",
-      cards: [
-        {
-          id: 1,
-          type: "task",
-          subType: "quiz",
-          question: "Mi Magyarország fővárosa?",
-          options: ["Budapest", "Debrecen", "Szeged", "Pécs"],
-          correctAnswer: 0,
-          points: 10,
-          timeLimit: 30,
-          explanation: "Budapest 1873 óta Magyarország fővárosa."
-        },
-        {
-          id: 2,
-          type: "task",
-          subType: "truefalse",
-          statement: "A Duna Magyarország leghosszabb folyója.",
-          isTrue: false,
-          points: 5,
-          timeLimit: 15,
-          explanation: "A Tisza a leghosszabb folyó Magyarországon."
-        }
-      ]
-    }
-    setDeck(mockDeck)
-  }
-
   const handleDeckUpdate = (updates) => {
     setDeck(prev => ({ ...prev, ...updates }))
   }
 
   const handleSaveDeck = async () => {
     try {
-      console.log("Deck mentése:", deck)
-
       const payload = {
         name: deck.name,
-        type: (deck.type || 'Question').toString().toUpperCase(),
+        type: deck.type,
         ctype: deck.privacy === 'public' ? 'PUBLIC' : 'PRIVATE',
         description: deck.description || '',
-        cards: deck.cards.map(c => ({ ...c, text: c.question || c.statement || c.text || '' }))
+        cards: deck.cards
       }
 
       const saved = await createDeck(payload)
-      setDeck(prev => ({ ...prev, id: saved.id ?? prev.id, creationdate: saved.creationdate ?? prev.creationdate, updatedate: saved.updatedate ?? prev.updatedate }))
-      console.log('Deck saved (backend):', saved)
+      setDeck(prev => ({ 
+        ...prev, 
+        id: saved.id ?? prev.id, 
+        creationdate: saved.creationdate ?? prev.creationdate, 
+        updatedate: saved.updatedate ?? prev.updatedate 
+      }))
       alert('✅ Deck sikeresen mentve!')
     } catch (error) {
       console.error('Mentési hiba:', error)
@@ -126,29 +92,21 @@ export default function DeckCreator() {
   }
 
   const handleSaveCard = (cardData) => {
-    if (isCreatingCard) {
-      // Új kártya hozzáadása
-      const newCard = {
-        ...cardData,
-        id: Date.now(), // Temporary ID
-      }
-      setDeck(prev => ({
-        ...prev,
-        cards: [...prev.cards, newCard]
-      }))
-      setIsCreatingCard(false)
-      setNewCardType(null)
-      setSelectedCard(newCard)
-    } else {
-      // Meglévő kártya frissítése
-      setDeck(prev => ({
-        ...prev,
-        cards: prev.cards.map(card => 
-          card.id === cardData.id ? cardData : card
-        )
-      }))
-      setSelectedCard(cardData)
+    const updatedCard = {
+      ...cardData,
+      id: isCreatingCard ? Date.now() : cardData.id
     }
+    
+    setDeck(prev => ({
+      ...prev,
+      cards: isCreatingCard 
+        ? [...prev.cards, updatedCard]
+        : prev.cards.map(card => card.id === updatedCard.id ? updatedCard : card)
+    }))
+
+    setSelectedCard(updatedCard)
+    setIsCreatingCard(false)
+    setNewCardType(null)
   }
 
   const handleDeleteCard = (cardId) => {
@@ -184,6 +142,7 @@ export default function DeckCreator() {
             <CardsList
               cards={deck.cards}
               selectedCard={selectedCard}
+              deckType={deck.type}
               onSelectCard={handleSelectCard}
               onCreateCard={handleCreateCard}
               onDeleteCard={handleDeleteCard}