Show headerMessage only when eligible cards exist on SpendRuleCardPage

When no eligible cards exist, the BlockingView already communicates the
empty state. Showing headerMessage simultaneously causes the search box
text and BlockingView illustration to stack and overlap in landscape mode.

Co-authored-by: Carlos Martins <luacmartins@users.noreply.github.com>

Author: MelvinBot

src/pages/workspace/rules/SpendRules/SpendRuleCardPage.tsx

@@ -184,7 +184,7 @@ function SpendRuleCardPage({route}: SpendRuleCardPageProps) {
         Navigation.goBack(parentRoute);
     };
 
-    const headerMessage = getHeaderMessage(listData.length > 0, false, inputValue, countryCode, false);
+    const headerMessage = eligibleCards.length > 0 ? getHeaderMessage(listData.length > 0, false, inputValue, countryCode, false) : '';
 
     return (
         <AccessOrNotFoundWrapper