Hide the toggle buttons of the collapsible drawer

[kvoon3]

Describe the bug

The toggle buttons of the collapsible drawer should be hidden on small screens and when viewing icon details.

1. When on a small screen, the drawer is hidden, but the toggle buttons still remain.

2. When viewing icon details, the icon's z-index is too high

Reproduction

Icons page under the /collection route at https://icones.js.org/collection.

System Info

System:
  OS: Windows 10 10.0.19044
  CPU: (12) x64 AMD Ryzen 5 5600G with Radeon Graphics          
  Memory: 526.64 MB / 13.90 GB
Binaries:
  Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
  npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
  pnpm: 8.10.2 - C:\workspaceS\icones\node_modules\.bin\pnpm.CMD
Browsers:
  Edge: Chromium (123.0.2420.97)
  Internet Explorer: 11.0.19041.3636

Used Package Manager

pnpm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

Contributions

• [X] I am willing to submit a PR to fix this issue
• [ ] I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)