在遊戲頁面中，點擊header上方的教學按鈕優化

[dyfu95]

Is your feature request related to a problem? Please describe.
在遊戲頁面中，目前點擊header右方的按鈕時，會跳出一個新的教學頁面，顯示教學內容，而教學完畢後則會關閉該頁面。
而上述過程有幾個問題：

1. header右方的按鈕，如果沒有提示的話，會不知道它的用途是什麼。
2. 點擊按鈕並跳往新頁面後，使用者若想回去遊戲頁面，還需要自行關閉該新教學頁面，有點多此一舉。
3. 在教學完畢並關閉新教學頁面之前，使用者有瀏覽其他分頁的話，則關閉後，無法自動切換成原有的遊戲頁面。

Describe the solution you'd like

1. header右方的按鈕，如果沒有提示的話，會不知道它的用途是什麼。

也許可以將按鈕移至footer，並直接改以文字顯示？

2. 點擊按鈕並跳往新頁面後，使用者若想回去遊戲頁面，還需要自行關閉該新教學頁面，有點多此一舉。
3. 在教學完畢並關閉新教學頁面之前，使用者有瀏覽其他分頁的話，則關閉後，無法自動切換成原有的遊戲頁面。

也許可以改用燈箱popup的方式（類似目前footer中的『關於此專案』），點擊按鈕後會跑出一個小的教學文案或動畫，而不用跳出一個新的分頁。
優點：對使用者而言，可以專注在遊戲頁面，不用分頁切來切去。
缺點：需要重新設計教學文案或動畫，前端這邊也需要多做一個component，會需要較多的時間。

Describe alternatives you've considered

Additional context
以上，麻煩各位有看法都可以分享～

[wutingy]

好，我想想，下週跟你討論～