chore: 重构瀑布流图片demo

[h2ls]

重构瀑布流图片demo

Description

使用masonry布局库重写瀑布流图片

close #2442

[bb-auto[bot]]

Thanks for your PR, @azlis. Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 99.96%. Comparing base (c9c17dc) to head (d85a902).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2443   +/-   ##
=======================================
  Coverage   99.96%   99.96%           
=======================================
  Files         560      563    +3     
  Lines       24128    24188   +60     
  Branches     3494     3501    +7     
=======================================
+ Hits        24119    24179   +60     
  Misses          4        4           
  Partials        5        5           

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.