style(deck-creator): pakli név mező szélességének optimalizálása

- Pakli név mező mostantól csak 2/3 szélességű
- Jobb vizuális egyensúly a form elemek között
- Reszponzív elrendezés megtartva

SerpentRace_Frontend/src/components/DeckCreator/DeckHeader.jsx

@@ -75,18 +75,24 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {
 
       {/* Main Content Row */}
       <div className="space-y-4">
-        {/* Deck Name */}
-        <div>
-          <label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2">
-            📦 Pakli neve
-          </label>
-          <input
-            type="text"
-            value={deck.name}
-            onChange={(e) => handleInputChange('name', e.target.value)}
-            className="w-full px-4 py-2 rounded-xl bg-[color:var(--color-background)] border border-[color:var(--color-surface-selected)] text-[color:var(--color-text)] focus:ring-2 focus:ring-[color:var(--color-success)] focus:border-transparent outline-none transition-all duration-200"
-            placeholder="Add meg a pakli nevét..."
-          />
+        {/* Two Column Layout */}
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          {/* Deck Name - Takes up 2 columns */}
+          <div className="md:col-span-2">
+            <label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2">
+              📦 Pakli neve
+            </label>
+            <input
+              type="text"
+              value={deck.name}
+              onChange={(e) => handleInputChange('name', e.target.value)}
+              className="w-full px-4 py-2 rounded-xl bg-[color:var(--color-background)] border border-[color:var(--color-surface-selected)] text-[color:var(--color-text)] focus:ring-2 focus:ring-[color:var(--color-success)] focus:border-transparent outline-none transition-all duration-200"
+              placeholder="Add meg a pakli nevét..."
+            />
+          </div>
+          
+          {/* Empty space for visual balance */}
+          <div className="hidden md:block"></div>
         </div>
 
         {/* Type, Privacy and Description Row */}