Fix UI issues

[uier]

• [x] block by #19 where this PR branched from (merge #19 first)

close #11 #10 #13

[Bogay]

題目統計的 UI 被動到

before

after

[Bogay]

因為這邊有許多變更和 #19 重複， @uier 或許需要 rebase 一下比較好 review？

[uier]

因為這邊有許多變更和 #19 重複， @uier 或許需要 rebase 一下比較好 review？

怪了，我以為 merge 進去之後這裡的 diff 會自動更新

[cloudflare-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	34e0c6c
Status:	✅  Deploy successful!
Preview URL:	https://c79fb91f.nfe.pages.dev
Branch Preview URL:	https://fix-ui-issues.nfe.pages.dev

View logs