Add error-message css

src/components/ProfileModal.css

@@ -165,6 +165,21 @@
   box-shadow: 0 2px 4px rgba(103, 58, 183, 0.2);
 }
 
+.error-message {
+  color: red;
+  background-color: #ffebee; /* Light red background */
+  padding: 10px;
+  border-radius: 4px;
+  margin-top: 10px;
+  border-left: 4px solid red; /* Left border for emphasis */
+  font-weight: bold;
+  animation: fadeIn 0.5s ease-in-out;
+}
+
+.error-message::before {
+  content: "⚠️ "; /* Unicode for warning emoji */
+}
+
 /* Styles adaptatifs pour les écrans plus petits */
 @media (max-width: 768px) {
   .form-row {
@@ -172,3 +187,8 @@
     gap: 0.5rem;
   }
 }
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}