refactor(frontend): scss deprecated 警告に対応

[kakkokari-gtyih]

What

フロントエンドビルド時にsassから出ていた警告に対応した

ネイティブのnested cssでは、nested rulesの前後に存在する同レベルのスタイル定義は別ブロックとして認識されてしまう（scssでは同レベルのスタイル定義はすべて同じブロックに入るようになっていた）ため、同レベルの定義をすべて同じカタマリに移動

詳細: https://sass-lang.com/documentation/breaking-changes/mixed-decls/

Why

• 警告はないほうがいいので
• 近いうちにsassのcss解釈が変わってしまうので

Additional info (optional)

Checklist

• 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]

Codecov Report

Attention: Patch coverage is 26.92308% with 19 lines in your changes missing coverage. Please review.

Project coverage is 20.16%. Comparing base (3fe7e37) to head (c605534).
Report is 5 commits behind head on develop.

Files with missing lines	Patch %	Lines
packages/frontend/src/ui/_common_/statusbars.vue	0.00%	8 Missing ⚠️
...ckages/frontend/src/pages/admin/overview.users.vue	0.00%	4 Missing ⚠️
packages/frontend/src/components/MkSuperMenu.vue	0.00%	3 Missing ⚠️
packages/frontend/src/ui/deck/column.vue	0.00%	3 Missing ⚠️
packages/frontend/src/pages/page.vue	0.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #14513      +/-   ##
===========================================
- Coverage    20.17%   20.16%   -0.02%     
===========================================
  Files          725      725              
  Lines       100502   100568      +66     
  Branches      1045     1045              
===========================================
  Hits         20279    20279              
- Misses       79681    79747      +66     
  Partials       542      542              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[syuilo]

🙏🏿