[UST-257] [Frontend] Enable notification center

Is your feature request related to a problem? Please describe. User should be notified when something relevant to them occured.

Describe the solution you'd like

Add Component::Notification link that goes to the notification page
Show a dot floating on the top-right corner of the link when new notification is received
Add Component::Back button in the notification page
Add Component::Title displaying “通知中心“ in the notification page
Add a list of Component::Notification Item
- shows notification’s message, time, and actions.
- becomes gray and hide action buttons when its action has been clicked.
- only exist in the current session.
Add Store::Notification to store the notification data
Notification types
- Sign-up Completed
  - Message: 恭喜註冊成功，歡迎加入Unirep Social TW。有任何疑問可以參閱「平台說明」頁面
  - Action: None
- Post Succeeded
  - Message: 你的貼文發佈成功！
  - Action label: 前往查看
  - Action: Go to the post page
- Post Failed
  - Message: 你的貼文發佈未成功，可透過連結前往查看，並再嘗試發佈一次
  - Action label: 前往查看
  - Action: Go to the post editor to re-post again
- Comment Succeeded
  - Message: 你的留言發佈成功！
  - Action label: 前往查看
  - Action: Go to the post page and scroll to the comment’ position
- Comment Failed
  - Message: 你的留言發佈未成功，可透過連結前往查看，並再嘗試發佈一次
  - Action label: 前往查看
  - Action: Go to the comment editor to re-comment again
- Upvote Succeeded
  - Message: 你的貼文按讚成功！
  - Action label: 前往查看
  - Action: Go to the post page
- Upvote Failed
  - Message: 你的貼文按讚未成功，可透過連結前往查看，並再嘗試按讚一次
  - Action label: 前往查看
  - Action: Go to the post page
- Downvote Succeeded
  - Message: 你的貼文倒讚成功！
  - Action label: 前往查看
  - Action: Go to the post page
- Downvote Failed
  - Message: 你的貼文倒讚未成功，可透過連結前往查看，並再嘗試倒讚一次
  - Action label: 前往查看
  - Action: Go to the post page
- Report Succeeded
  - Message: 你的不當內容檢舉申請送出成功！待 5 位平台用戶進行評判
  - Action label: None
  - Action: None
- Report Failed
  - Message: 你的不當內容檢舉申請送出未成功，可透過連結前往查看，並再嘗試送出申請一次
  - Action label: 前往查看
  - Action: Open the report dialog to report again
- Report Passed
  - Message: 你的貼文檢舉案件被評判通過，你的聲譽分數提高 3 分
  - Action label: 前往查看
  - Action: Go to the report result page
- Report Rejected
  - Message: 很遺憾通知你，你的貼文檢舉案件被評判否決，你的聲譽分數降低 1 分
  - Action label: 前往查看
  - Action: Go to the report result page
- Be reported
  - Message: 很遺憾通知你，你的內容（貼文/留言）被檢舉，並且評判通過，你的聲譽分數降低 5 分
  - Action label: 前往查看
  - Action: Go to the report result page
- Adjudicate Succeeded
  - Message: 你的檢舉案件評判協助完成，你的聲譽分數提高 1 分，評判最終結果出爐會再另行通知
  - Action label: None
  - Action: None
- Adjudicate Failed
  - Message: 你的檢舉案件評判協助未成功，可透過連結前往查看，並再嘗試評判一次
  - Action label: 前往查看
  - Action: Open the adjudication dialog to adjudicate again
- Adjudicate Result (Passed)
  - Message: 你協助的檢舉案件評判結果出爐！結果為「檢舉通過」
  - Action label: 前往查看
  - Action: Go to the report result page
- Adjudicate Result (Rejected)
  - Message: 你協助的檢舉案件評判結果出爐！結果為「檢舉不通過」
  - Action label: 前往查看
  - Action: Go to the report result page
- New Report needing to be adjudicated
  - Message: 有新的檢舉案被提交，需要 5 位用戶參與檢舉案評判，參與評判者可提高聲譽分數 1 分
  - Action label: 前往查看
  - Action: Open the adjudication dialog
- Check-in
  - Message: 你的聲譽分數目前低於 0 分，可以透過進行「每日簽到」來提高聲譽分數，進而恢復你的平台操作權利。點擊連結前往每日簽到
  - Action label: 前往查看
  - Action: Open the check-in dialog

Additional context Figma

Story point: 13 Reporter: @Xiawpohr

social-tw / social-tw-website

[UST-257] [Frontend] Enable notification center #555