Enhance(frontend): リアクションピッカーを調整

[1Step621]

What

以下のことを行いました。

• 「最近使用した絵文字」が正しくリアクション権限でフィルターされていないのを修正
• 非ログイン状態でUnicode絵文字のリアクションが押せるように見えてしまう問題を修正
• リアクションピッカーに表示しないのではなくグレーアウトして表示するように

Why

• リアクションピッカーに表示されないと絵文字が消えたと勘違いしてしまうという意見があったため

Additional info (optional)

Checklist

• [x] Read the contribution guide
• [ ] Test working in a local environment
• [ ] (If needed) Add story of storybook
• [ ] (If needed) Update CHANGELOG.md
• [ ] (If possible) Add tests

[codecov[bot]]

Codecov Report

Attention: 3 lines in your changes are missing coverage. Please review.

Comparison is base (8c1a582) 65.89% compared to head (030e933) 77.57%. Report is 11 commits behind head on develop.

Files	Patch %	Lines
...frontend/src/scripts/check-reaction-permissions.ts	40.00%	3 Missing :warning:

Additional details and impacted files

@@             Coverage Diff              @@
##           develop   #13354       +/-   ##
============================================
+ Coverage    65.89%   77.57%   +11.67%     
============================================
  Files          984      185      -799     
  Lines       114517    24857    -89660     
  Branches      4330      464     -3866     
============================================
- Hits         75464    19283    -56181     
+ Misses       39021     5567    -33454     
+ Partials        32        7       -25     

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[FineArchs]

グレーアウトだと元々白黒の絵文字がわかりにくくなってしまうと思います。 上から何かしら半透明か隙間の多い画像を被せるのはどうでしょうか？

[1Step621]

やや見た目が悪いかもしれませんがこうしてみました

[syuilo]

👍