feat: beautify the page and add sending status

[Linchen-Xu]

Context

Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change.

Changes

• beautify the page
• add sending status

Screenshot (if applicated)

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[Linchen-Xu]

@adamma1024 PTAL