feat: SPA pour les pages existantes

assets/react/app/presentation/components/Header.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBars } from '@fortawesome/free-solid-svg-icons';
 import { SearchBar } from './SearchBar/SearchBar.jsx';
 
-export function Header({ onMenuClick, onMangaClick, onAddMangaClick }) {
+export function Header({ onMenuClick }) {
   return (
     <header className="bg-green-600 h-16 flex items-center fixed w-full z-50">
       <button 
@@ -13,13 +14,10 @@ export function Header({ onMenuClick, onMangaClick, onAddMangaClick }) {
         <FontAwesomeIcon icon={faBars} />
       </button>
       <div className="flex items-center flex-1">
-        <a href="/" className="text-white text-2xl font-bold ml-4">
+        <Link to="/" className="text-white text-2xl font-bold ml-4">
           Mangarr
-        </a>
-        <SearchBar 
-          onMangaClick={onMangaClick}
-          onAddMangaClick={onAddMangaClick}
-        />
+        </Link>
+        <SearchBar />
       </div>
     </header>
   );