feat: guide — bouton Jouer (retour au jeu)

frontend/src/pages/GuidePage.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import type { Monster, Item, Recipe } from '../api/types';
-import { Swords, Shield, Map as MapIcon, Hammer, ShoppingBag, BookOpen, Sparkles, Search } from 'lucide-react';
+import { Swords, Shield, Map as MapIcon, Hammer, ShoppingBag, BookOpen, Sparkles, Search, Gamepad2 } from 'lucide-react';
 import { useGuideData } from '../hooks/useGuideData';
 
 // ── Constants ──
@@ -411,17 +412,31 @@ export function GuidePage() {
   const [tab, setTab] = useState('start');
   const [search, setSearch] = useState('');
   const { materials, filteredMonsters, filteredItems, filteredRecipes, q } = useGuideData(search);
+  const navigate = useNavigate();
 
   return (
     <div style={{ maxWidth: 900, margin: '0 auto', padding: '2rem 1rem' }}>
       {/* Header */}
-      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>
+      <div style={{ textAlign: 'center', marginBottom: '1.5rem', position: 'relative' }}>
         <h1 style={{ color: '#f4c94e', fontSize: 28, margin: '0 0 0.25rem', fontWeight: 800 }}>
           📖 Guide du Têtard
         </h1>
         <p style={{ color: '#6b7a99', fontSize: 13, margin: 0 }}>
           Tout ce qu'il faut savoir pour survivre dans le monde de TetaRdPG
         </p>
+        <button
+          onClick={() => navigate('/dashboard')}
+          style={{
+            position: 'absolute', right: 0, top: '50%', transform: 'translateY(-50%)',
+            display: 'flex', alignItems: 'center', gap: 6,
+            padding: '8px 14px', borderRadius: 8, border: '1px solid #2a3448',
+            background: '#1e2535', color: '#f4c94e', fontSize: 12,
+            fontWeight: 600, cursor: 'pointer', transition: 'all 0.15s',
+          }}
+        >
+          <Gamepad2 size={14} />
+          Jouer
+        </button>
       </div>
 
       {/* Search */}