TX page has non-exhaustive handling of TX statuses

[hstove]

When a TX has the status of dropped_problematic, the explorer shows the TX as "in mempool". This is because "dropped_problematic" isn't handled.

explorer/src/app/txid/[txId]/TxPage.tsx

Line 42 in 6ee9484

const txStatusLabelMap = {

More critically, this function should include dropped_problematic at line ~22:

explorer/src/common/utils/transactions.ts

Lines 7 to 24 in 129c759

	export function getTransactionStatus(tx: Transaction | MempoolTransaction) {
	if (tx?.tx_status === 'success' && (tx.is_unanchored || tx?.block_hash === '0x')) {
	return TransactionStatus.SUCCESS_MICROBLOCK;
	} else if (tx?.tx_status === 'success' && !tx.is_unanchored) {
	if (!tx.canonical || !tx.microblock_canonical) {
	return TransactionStatus.NON_CANONICAL;
	} else {
	return TransactionStatus.SUCCESS_ANCHOR_BLOCK;
	}
	} else if (tx?.tx_status === 'abort_by_response' || tx?.tx_status === 'abort_by_post_condition') {
	return TransactionStatus.FAILED;
	} else if (
	tx?.tx_status === 'dropped_replace_across_fork' ||
	tx?.tx_status === 'dropped_replace_by_fee' ||
	tx?.tx_status === 'dropped_stale_garbage_collect' ||
	tx?.tx_status === 'dropped_too_expensive'
	) {
	return TransactionStatus.DROPPED;

CC: stacks-network/stacks-core#5128