fix: add dark backgrounds to all internal pages + RGPD cookie banner

- login, register, candidature, cgv, confidentialite, mentions-legales:
  add bg-dark class so white text is visible on dark background
- admin shell + protected layout: same fix for admin/dashboard pages
- CookieBanner: update styling to match navy/orange branding, add RGPD
  compliance text, include Accepter/Refuser buttons, link to confidentialite
- layout.tsx: import and render CookieBanner globally

https://claude.ai/code/session_01V8YAjpqRQ3bfBYsABYsEgo

app/(protected)/layout.tsx

@@ -38,7 +38,7 @@ export default async function DashboardLayout({
   }
 
   return (
-    <div className="flex min-h-screen">
+    <div className="flex min-h-screen bg-dark">
       <Sidebar user={profile} />
       <main className="flex-1 p-6 md:p-10 overflow-y-auto">{children}</main>
     </div>

app/candidature/page.tsx

@@ -108,7 +108,7 @@ export default function CandidaturePage() {
   };
 
   return (
-    <main className="min-h-screen py-20 md:py-32">
+    <main className="min-h-screen py-20 md:py-32 bg-dark">
       <div className="max-w-2xl mx-auto px-4 sm:px-6">
         {/* Header */}
         <div className="text-center mb-12">

app/cgv/page.tsx

@@ -12,7 +12,7 @@ export const metadata: Metadata = {
 
 export default function CGV() {
   return (
-    <main className="min-h-screen py-20 md:py-32">
+    <main className="min-h-screen py-20 md:py-32 bg-dark">
       <div className="max-w-3xl mx-auto px-4 sm:px-6">
         <Link href="/" className="inline-flex items-center gap-2 mb-10 text-white/40 hover:text-white text-sm transition-colors">
           <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

app/confidentialite/page.tsx

@@ -12,7 +12,7 @@ export const metadata: Metadata = {
 
 export default function Confidentialite() {
   return (
-    <main className="min-h-screen py-20 md:py-32">
+    <main className="min-h-screen py-20 md:py-32 bg-dark">
       <div className="max-w-3xl mx-auto px-4 sm:px-6">
         <Link href="/" className="inline-flex items-center gap-2 mb-10 text-white/40 hover:text-white text-sm transition-colors">
           <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

app/layout.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import CookieBanner from "@/components/CookieBanner";
 import "./globals.css";
 
 const BASE_URL = process.env.NEXT_PUBLIC_APP_URL || "https://hooklab.eu";
@@ -224,6 +225,7 @@ export default function RootLayout({
           Aller au contenu principal
         </a>
         {children}
+        <CookieBanner />
       </body>
     </html>
   );

app/login/page.tsx

@@ -124,7 +124,7 @@ function LoginForm() {
 
 export default function LoginPage() {
   return (
-    <main className="min-h-screen flex items-center justify-center px-4">
+    <main className="min-h-screen flex items-center justify-center px-4 bg-dark">
       <div className="w-full max-w-md">
         {/* Logo */}
         <div className="text-center mb-8">

app/register/page.tsx

@@ -64,7 +64,7 @@ export default function RegisterPage() {
   };
 
   return (
-    <main className="min-h-screen flex items-center justify-center px-4 py-12">
+    <main className="min-h-screen flex items-center justify-center px-4 py-12 bg-dark">
       <div className="w-full max-w-md">
         {/* Logo */}
         <div className="text-center mb-8">