From 6748799a903f9f3d676b3656fd54ddfa9f40fd04 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Fri, 10 Oct 2025 08:25:38 +0200
Subject: [PATCH] fix(IconsSection, ToastSection): correct HTML entity usage in
 French text - Replaced apostrophes with HTML entities in French phrases for
 proper rendering. - Ensured consistency in text presentation across UI
 components.

---
 src/components/ui-showcase/sections/IconsSection.tsx | 4 ++--
 src/components/ui-showcase/sections/ToastSection.tsx | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/ui-showcase/sections/IconsSection.tsx b/src/components/ui-showcase/sections/IconsSection.tsx
index f866423..82ba761 100644
--- a/src/components/ui-showcase/sections/IconsSection.tsx
+++ b/src/components/ui-showcase/sections/IconsSection.tsx
@@ -107,7 +107,7 @@ export function IconsSection() {
 
             <div>
               <p className="text-sm text-[var(--muted-foreground)] mb-3">
-                Collection d'icônes disponibles
+                Collection d&apos;icônes disponibles
               </p>
               <div className="grid grid-cols-5 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]">
                 {sampleIcons.map((icon) => (
@@ -167,7 +167,7 @@ export function IconsSection() {
 
             <div>
               <p className="text-sm text-[var(--muted-foreground)] mb-3">
-                Collection d'emojis disponibles
+                Collection d&apos;emojis disponibles
               </p>
               <div className="grid grid-cols-10 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]">
                 {sampleEmojis.map((emoji) => (
diff --git a/src/components/ui-showcase/sections/ToastSection.tsx b/src/components/ui-showcase/sections/ToastSection.tsx
index 8f95c67..73d7ba4 100644
--- a/src/components/ui-showcase/sections/ToastSection.tsx
+++ b/src/components/ui-showcase/sections/ToastSection.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { useState } from 'react';
 import { ToastProvider, useToast } from '@/components/ui/Toast';
 import { Button } from '@/components/ui/Button';
 
@@ -128,7 +127,7 @@ function ToastDemo() {
         {/* Toast dans différents contextes */}
         <div className="space-y-4">
           <h3 className="text-lg font-medium text-[var(--foreground)]">
-            Contextes d'utilisation
+            Contextes d&apos;utilisation
           </h3>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div className="space-y-3">