Rebranding app and naming

frontend/src/components/SavedNotifications.jsx

@@ -21,7 +21,7 @@ function SavedNotifications({ onClose }) {
         ].sort((a, b) => (b.created_at || '').localeCompare(a.created_at || ''));
         setItems(merged);
       } catch (err) {
-        if (!cancelled) setError(err.message || 'Could not load saved notifications');
+        if (!cancelled) setError(err.message || 'No se pudieron cargar las notificaciones guardadas');
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -42,7 +42,7 @@ function SavedNotifications({ onClose }) {
       if (!res.ok && res.status !== 204) throw new Error(`HTTP ${res.status}`);
       setItems(prev => prev.filter(i => !(i.scope === item.scope && i.id === item.id)));
     } catch (err) {
-      setError(err.message || 'Could not remove notification');
+      setError(err.message || 'No se pudo eliminar la notificación');
     } finally {
       setBusyId(null);
     }
@@ -52,15 +52,15 @@ function SavedNotifications({ onClose }) {
     <div className="saved-notifications-backdrop" onClick={onClose}>
       <div className="saved-notifications-modal" onClick={e => e.stopPropagation()}>
         <div className="saved-notifications-header">
-          <h2>🔔 Saved Notifications</h2>
-          <button className="saved-notifications-close" onClick={onClose} aria-label="Close">×</button>
+          <h2>🔔 Notificaciones Guardadas</h2>
+          <button className="saved-notifications-close" onClick={onClose} aria-label="Cerrar">×</button>
         </div>
         <div className="saved-notifications-body">
-          {loading && <p className="saved-notifications-status">Loading…</p>}
+          {loading && <p className="saved-notifications-status">Cargando…</p>}
           {!loading && error && <p className="saved-notifications-error">{error}</p>}
           {!loading && !error && items.length === 0 && (
             <p className="saved-notifications-empty">
-              No saved notifications yet. Tap the 🔕 bell on an out-of-stock pharmacy to get notified when it's restocked.
+              Aún no hay notificaciones guardadas. Toca la campana 🔕 en una farmacia sin stock para recibir notificaciones cuando se reponga.
             </p>
           )}
           {!loading && !error && items.length > 0 && (
@@ -77,7 +77,7 @@ function SavedNotifications({ onClose }) {
                         {item.scope === 'pharmacy' ? (
                           <>
                             <span className="saved-notifications-chip saved-notifications-chip--pharmacy">
-                              🏥 {item.pharmacy_name || `Pharmacy #${item.pharmacy_id}`}
+                              🏥 {item.pharmacy_name || `Farmacia #${item.pharmacy_id}`}
                             </span>
                             {item.pharmacy_address && (
                               <span className="saved-notifications-address">{item.pharmacy_address}</span>
@@ -85,7 +85,7 @@ function SavedNotifications({ onClose }) {
                           </>
                         ) : (
                           <span className="saved-notifications-chip">
-                            Any pharmacy
+                            Cualquier farmacia
                           </span>
                         )}
                       </div>
@@ -95,9 +95,9 @@ function SavedNotifications({ onClose }) {
                       className="saved-notifications-remove"
                       onClick={() => handleDelete(item)}
                       disabled={busyId === key}
-                      aria-label="Remove notification"
+                      aria-label="Eliminar notificación"
                     >
-                      {busyId === key ? '…' : 'Remove'}
+                      {busyId === key ? '…' : 'Eliminar'}
                     </button>
                   </li>
                 );