Refactor grid panel

[jundesu]

1. refactor components and apply typescript interface.
2. render multiple panels according to your comment.

[bbgokarma-bot]

Welcome back! @jundesu, This pull request may get 576 BBG.

[bbgokarma-bot]

Re-estimated karma: this pull request may get 583 BBG

[codecov-commenter]

Codecov Report

Merging #732 (95b4a51) into main (df89183) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #732   +/-   ##
=======================================
  Coverage   19.29%   19.29%           
=======================================
  Files         334      334           
  Lines       25437    25437           
=======================================
  Hits         4908     4908           
  Misses      20050    20050           
  Partials      479      479           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update df89183...95b4a51. Read the comment docs.

[bbgokarma-bot]

Hi @jundesu,

Well done! 593 BBG has been sent to your polygon wallet. Please check the following tx:

https://polygonscan.com/tx/0xbca718dc248a977ec203b56d67b1294f9cebbc29dd69f7fabcc868a11ed2a1af

Thank you for your contribution!