material-ui cards are not showing in right formation in the grid list in reactjs

Question

my target is to show cards according to category. when i click on the button marked according to category, it will show the cards under that category.

the whole code