Mostrar los errores de send-gift: el tema los dejaba invisibles

El botón «Mostrar regalos» parecía no hacer nada: setFormError se llamaba
bien, pero el tema deja `.alert-message` con display:none esperando que la
rellene y la revele el JS antiguo (jQuery), que ya no existe. La caja se
pintaba y no se veía. Se fuerza el display desde React, como el resto de
formularios.

De paso, `.modal-content` estaba definida en globals.css Y en theme.css.
Como theme.css se importa el último (a propósito, para ganarle al preflight
de Tailwind), ganaba él a igual especificidad y el bloque de globals.css era
código muerto: el modal de la tienda salía como hoja pegada al fondo con
borde gris en vez de tarjeta centrada dorada. Se acota a
`.modal-div .modal-content` para ganar por especificidad y no por orden.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-next/components/StoreBrowser.tsx

@@ -411,7 +411,13 @@ export function StoreBrowser({
             </table>
           </form>
           <hr />
-          {formError && <div className="alert-message red-form-response" id="show-gif-response">{formError}</div>}
+          {/* `display:block` a mano: el tema deja `.alert-message` OCULTA
+              (display:none) para que la rellene y la revele el JS. Sin esto la
+              caja se pintaba pero NO se veía: al pulsar «Mostrar regalos» no
+              salía ningún error. El resto de formularios ya lo hacen así. */}
+          <div className="alert-message" id="show-gif-response" style={{ display: formError ? 'block' : 'none' }}>
+            {formError && <span className="red-form-response">{formError}</span>}
+          </div>
         </div>
       )}