Breakdown tab for payments and offercreates

[shortthefomo]

This PR adds a breakdown section to payments and offercreates

Context of Change

This adds the ability to show where the liquidity for the transaction was sourced. Via AMM/DEX/DIRECT and if RIPPLING was involved.

Type of Change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ x] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Refactor (non-breaking change that only restructures code)
• [ ] Tests (You added tests for code that already exists, or your new feature included in this PR)
• [ ] Documentation Updates
• [ ] Translation Updates
• [ ] Release

[pdp2121]

Looks awesome! Probably the dropdown would need a bit redesign, which could be great for reusability as well:

[shortthefomo]

Please add tests.

now in place, I think its ready for another round of review now.