Promotions : le logo revient à gauche du nom de l'adhérent

L'angle de la carte est rendu à la catégorie ; la pastille du commerce se
place devant son nom, en pied de carte, là où on lit déjà qui propose l'offre.
La période de validité passe sous le nom, dans le même bloc.

Appliqué à la carte d'accueil, à l'aperçu en direct de l'espace adhérent et à
la carte de modération. Retiré de la carte de la fiche adhérent : elle n'y
affiche pas de nom de commerce, et le logo figure déjà en tête de page.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QXNXRC4j5VLfKvpyyisrnb

src/app/page.tsx

@@ -285,25 +285,23 @@ export default async function AccueilPage() {
                       {p.badge}
                     </span>
                   )}
-                  {/* Angle haut-gauche : le logo de l'adhérent d'abord, la
-                      catégorie ensuite — on identifie le commerce avant l'offre. */}
-                  <div style={{ position: "absolute", top: 12, left: 12, display: "flex", alignItems: "center", gap: 8 }}>
-                    <MemberAvatar name={p.memberName ?? ""} logoUrl={p.memberLogoUrl} size={34} />
-                    {p.category && (
-                      <span
-                        style={{
-                          background: "#9a6638",
-                          color: "#fff",
-                          borderRadius: 999,
-                          padding: "5px 12px",
-                          fontSize: 11,
-                          fontWeight: 700,
-                        }}
-                      >
-                        {p.category}
-                      </span>
-                    )}
-                  </div>
+                  {p.category && (
+                    <span
+                      style={{
+                        position: "absolute",
+                        top: 12,
+                        left: 12,
+                        background: "#9a6638",
+                        color: "#fff",
+                        borderRadius: 999,
+                        padding: "5px 12px",
+                        fontSize: 11,
+                        fontWeight: 700,
+                      }}
+                    >
+                      {p.category}
+                    </span>
+                  )}
                 </div>
                 <div style={{ padding: "17px 18px 18px", display: "flex", flexDirection: "column", flex: 1 }}>
                   <h3 className="font-display" style={{ fontWeight: 700, fontSize: 18, margin: "0 0 5px", color: "#26201a" }}>
@@ -318,10 +316,16 @@ export default async function AccueilPage() {
                       paddingTop: 12,
                     }}
                   >
-                    <div style={{ fontSize: 13, fontWeight: 700, color: "#3c3322" }}>{p.memberName}</div>
-                    {formatValidity(p) && (
-                      <div style={{ fontSize: 11.5, color: "#a99c82" }}>{formatValidity(p)}</div>
-                    )}
+                    {/* Le logo du commerce juste à gauche de son nom. */}
+                    <div style={{ display: "flex", alignItems: "center", gap: 9 }}>
+                      <MemberAvatar name={p.memberName ?? ""} logoUrl={p.memberLogoUrl} size={28} />
+                      <div style={{ minWidth: 0 }}>
+                        <div style={{ fontSize: 13, fontWeight: 700, color: "#3c3322" }}>{p.memberName}</div>
+                        {formatValidity(p) && (
+                          <div style={{ fontSize: 11.5, color: "#a99c82" }}>{formatValidity(p)}</div>
+                        )}
+                      </div>
+                    </div>
                   </div>
                 </div>
               </Link>