[UX/UI] users should be able to see whether badge is already minted, whether it can already be minted

[aorap-hackathon]

Describe the bug
On this page https://scroll.io/canvas-and-badges#discover already minted badges should be somehow marked, e.g with green mark/green bold border etc. It would be great to see the badges that CAN already be minted - it means prerequisites are accomplished but not yet minted - can be marked with e.g blue mark and also great to have a filter on such.

To Reproduce
Go to page https://scroll.io/canvas-and-badges#discover and see that minted badges are not different from unminted.

Expected behavior
I expect to see already minted badges and those that can already be minted. Those should be marked somehow and be different from badges that are not yet ready to mint.