Index: frontend/src/components/ErrorAlert.js
===================================================================
--- frontend/src/components/ErrorAlert.js	(revision cb0881dad57196f6efea7903788b461cf6bd7078)
+++ frontend/src/components/ErrorAlert.js	(revision cb0881dad57196f6efea7903788b461cf6bd7078)
@@ -0,0 +1,16 @@
+import React from 'react';
+
+function ErrorAlert({ message, onClose }) {
+  return (
+    <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4 flex justify-between items-center">
+      <span>{message}</span>
+      {onClose && (
+        <button onClick={onClose} className="font-bold text-red-700">
+          ×
+        </button>
+      )}
+    </div>
+  );
+}
+
+export default ErrorAlert;