Mise à jour des pages d'accueil

frontend/src/pages/VerifyEmail.jsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
+import AuthBgCol from '../components/AuthBgCol.jsx';
 
 export default function VerifyEmail() {
   const [params]  = useSearchParams();
@@ -26,19 +27,8 @@ export default function VerifyEmail() {
   return (
     <div style={{ display: 'flex', minHeight: '100dvh' }}>
 
-      <div className="login-bg-col" style={{
-        flex: '1 1 50%', display: 'none', position: 'relative',
-        overflow: 'hidden', background: '#0d0d0d',
-      }}>
-        <img src="/login-bg.jpg" alt="" aria-hidden="true"
-          onError={e => { e.target.style.display = 'none'; }}
-          style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', opacity: 0.85 }}
-        />
-        <div style={{ position: 'absolute', bottom: 40, left: 40, color: '#fff', display: 'flex', alignItems: 'center', gap: 12 }}>
-          {appInfo.iconUrl && <img src={appInfo.iconUrl} alt="" width={36} height={36} style={{ borderRadius: 8 }} />}
-          <span style={{ fontSize: 18, fontWeight: 600 }}>{appInfo.appName}</span>
-        </div>
-      </div>
+      <AuthBgCol appInfo={appInfo} />
+
 
       <div style={{
         flex: '1 1 50%', display: 'flex', flexDirection: 'column',
@@ -118,10 +108,6 @@ export default function VerifyEmail() {
 
         </div>
       </div>
-
-      <style>{`
-        @media (min-width: 768px) { .login-bg-col { display: block !important; } }
-      `}</style>
     </div>
   );
 }