fix: CopyDropdown protrudes from the screen issue

[WNomunomu]

タスク

https://redmine.weseek.co.jp/issues/144765

概要

• ページ名が長い場合にCopyDropdownがサイドバーの後ろに隠れたり、画面外にはみ出してしまう問題を解決しました。

変更点

• DropdownItemContentsに新たにpropsを設定しました。
• .dropdown-menu にbreakpointを設定し、新たにスタイルを設定しました。

デザインについての詳細仕様

以下の仕様は全てfumiya-sと合意済みです。
https://wsgrowi.slack.com/archives/C05HK5SA8CC/p1713347696195269

• 「ページ名」、「ページURL」は後ろをtruncateする
• 「ページ名とパーマリンク」は前をtruncateする
• それ以外はtruncateしない
• Dropdownのmax-widthはmd以上で600px、md未満で375px

スクリーンショット

セルフチェック

• コンフリクト解消したか
• 余計なコードは残っていないか
• 適切にメモ化したか
• 責務の問題はクリアしているか
• CIは通っているか
• PRの内容は適切にかけているか

[reg-suit]

reg-suit detected visual differences.

Check this report, and review them.

🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴
⚪
⚫
🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵

What do the circles mean?

The number of circles represent the number of changed images.
🔴 : Changed items, ⚪ : New items, ⚫ : Deleted items, and 🔵 Passed items

How can I change the check status?

If reviewers approve this PR, the reg context status will be green automatically.

[miya]

• 「ページ名とパーマリンク」だけ先頭が truncate されるので良いのか
• 「マークダウン形式のリンク」は truncate されないので良いのか