new tools and libraries filters (#2177)

## Description

This PR adds a sidebar to the Tools and Libraries page, improves card
styles (even heights, no jagged edges), makes the card footer neutral
color (with a license icon for smaller screens instead of a word
"license") and adds


https://github.com/user-attachments/assets/57cb18bf-5894-4c4a-a28c-51c3a18f76c7

https://github.com/user-attachments/assets/d2c40fea-c2f2-4257-8513-5c2e06e53b6d

### Disclaimer

This PR has a trade-off. I needed to get rid of Headless UI from the
Navbar because the hydration error didn't let me code (like actually
blocked the dev server from doing anything productive), so we end up in
the state where we depend on a few components from Headless UI (also
because of Nextra) and few components from Base UI. I got rid of the
dependency on Radix RadioGroup so we end up with two headless component
libraries like before, but eventually it would be great to use just one.

To avoid making this PR larger I added Playwright tests to for the
Headless UI-related components and started migrating them in
#2182

Author: hasparus

package.json

@@ -24,6 +24,7 @@
     "validate:snippets": "node scripts/validate-snippets.js"
   },
   "dependencies": {
+    "@base-ui-components/react": "1.0.0-beta.4",
     "@codemirror/autocomplete": "^6.18.6",
     "@codemirror/commands": "^6.3.3",
     "@codemirror/language": "^6.10.0",
@@ -37,7 +38,6 @@
     "@lezer/highlight": "^1.2.1",
     "@next/bundle-analyzer": "^15.4.5",
     "@plaiceholder/next": "^3.0.0",
-    "@radix-ui/react-radio-group": "^1.2.2",
     "@sparticuz/chromium": "^138.0.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
@@ -55,7 +55,6 @@
     "iframe-resizer-react": "^1.1.1",
     "leaflet": "^1.9.4",
     "lucide-react": "^0.469.0",
-    "markdown-to-jsx": "^7.7.2",
     "motion": "^12.11.0",
     "next": "^14.2.32",
     "next-query-params": "^5.0.1",