Fix missing line breaks for crate name and refine sidebar layout

[Unbinilium]

Notified that crates.io seems not optimized for small screen devices while I was finding crates on my phone, some long crate names made the website in a mess due to missing line breaks, in my opinion a simple workaround would apply to it by adding line breaks.

Test on my laptop with Safari 14.1:

• Add overflow wrap to the names of crates

  

• Add word-break to the header name and no-readme texts in detailed crate pages

  

• Add word-break to texts inside the sidebar copy button

  

• Change the flex layout wrap to column when window width is less than 890px to avoid warp overflow in row

  

This would not be the best workaround, it only provides a better experience while surfing the crates.io on the phone, on small screen devices or on a split window view.

[rust-highfive]

Thanks for the pull request, and welcome! The Rust team is excited to review your changes, and you should hear from @jtgeibel (or someone else) soon.

If any changes to this PR are deemed necessary, please add them as extra commits. This ensures that the reviewer can see what has changed since they last reviewed the code. Due to the way GitHub handles out-of-date commits, this should also make it reasonably obvious what issues have or haven't been addressed. Large or tricky changes may require several passes of review and changes.

Please see the contribution instructions for more information.

[Unbinilium]

Fetched upstream commits to test CI build check again

[Turbo87]

@Unbinilium thanks for working on this, and sorry for the review delay

one small suggestion for future PRs: if you make four separate changes in the same PR (and in this case even the same commit), they block each other from getting merged if there is a disagreement on one of them, and it also makes it harder on the reviewer to review them because it can be difficult to figure out what code change belongs to which conceptual change. in other words: it would be easier on the reviewer if PRs like this were split up into several commits, or even PRs. if you want to read up some more on this I recommend having a look at https://google.github.io/eng-practices/review/developer/small-cls.html :)

@bors r+

[bors]

📌 Commit 8c8df51 has been approved by Turbo87

[bors]

⌛ Testing commit 8c8df51 with merge bb048e2...

[bors]

☀️ Test successful - checks-actions
Approved by: Turbo87
Pushing bb048e2 to master...