feat: mise en place de la messagerie [#17]

Front-End/src/styles/chat-animations.css

@@ -0,0 +1,63 @@
+/* Animations pour le chat */
+
+@keyframes typing-bounce {
+  0%,
+  60%,
+  100% {
+    transform: translateY(0);
+    opacity: 0.7;
+  }
+  30% {
+    transform: translateY(-8px);
+    opacity: 1;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.typing-dot {
+  animation: typing-bounce 1.4s ease-in-out infinite;
+}
+
+.typing-dot:nth-child(1) {
+  animation-delay: 0s;
+}
+
+.typing-dot:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.typing-dot:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+.typing-indicator-enter {
+  animation: fade-in 0.3s ease-out;
+}
+
+/* Améliorations visuelles pour les accusés de lecture */
+.read-indicator {
+  transition: all 0.2s ease-in-out;
+}
+
+.read-indicator.read {
+  color: #60a5fa; /* Bleu plus visible pour les messages lus */
+}
+
+.read-indicator.sent {
+  color: #93c5fd; /* Bleu plus clair pour les messages envoyés */
+}
+
+/* Animation pour l'apparition des nouveaux messages */
+.message-appear {
+  animation: fade-in 0.3s ease-out;
+}