something

web/src/components/Login.jsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { auth } from '../utils/api';
+import ErrorMessage from './ErrorMessage';
 
 export default function Login() {
   const [providers, setProviders] = useState({
@@ -92,11 +93,7 @@ export default function Login() {
         </div>
         
         <div className="space-y-4">
-          {error && (
-            <div className="p-4 bg-red-400/20 border border-red-400/50 rounded-lg text-red-400 text-sm">
-              {error}
-            </div>
-          )}
+          <ErrorMessage error={error} className="text-sm" />
           {providers.local && (
             <div className="pb-4 border-b border-gray-700">
               <div className="flex gap-2 mb-4">