Сделать изображение интерактивным на основе определенного условия в Thymeleaf

Вы можете использовать pointer-events: none;.

например

<a th:style = "${image_clickable_status} ? '' : 'pointer-events: none;'" 
   th:href = "@{/getConsent/yes}">
    <img src = "https://samplegoogle.img" alt = "viu"/>
</a>

Вы можете использовать оператор if-else, чтобы отличить ссылку от абзаца:

<div th:if = "${image_clickable_status}">
    <a th:case=“true ” th:href = "@{/getConsent/yes}">
        <img  src = "https://samplegoogle.img" alt = "viu"/>
    </a>
</div>
<div th:unless = "${image_clickable_status}">
    <img  src = "https://samplegoogle.img" alt = "viu"/>
</div>

Приведенное выше решение немного многословно. В качестве альтернативы можно использовать стиль, чтобы сделать ссылку недоступной для щелчка и установить указатель курсора по умолчанию.

<a th:style = "${image_clickable_status} ? '' : " + 
            "'pointer-events: none; cursor: default;'" 
   th:href = "@{/getConsent/yes}">

    <img src = "https://samplegoogle.img" alt = "viu"/>
</a>