Update site navigation (#982)

* Update site navigation

* Address navigation review feedback

* Update navbar mega menu

* Round library menu chips

* Soften library chip borders

* Simplify mega menu background transition

* Use local mega menu background animation

* ci: apply automated fixes

* Use CSS-only desktop mega menu

* Tighten desktop nav trigger hit areas

* Normalize desktop nav item weight

* Fix compact desktop nav dropdown bridge

* Tighten desktop nav item type size

* Balance compact desktop dropdown gutters

* Remove libraries dropdown promo rail

* ci: apply automated fixes

* Remove unused libraries nav rail metadata

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: tannerlinsley

src/components/Collapsible.tsx

@@ -16,9 +16,8 @@ type CollapsibleProps = {
   className?: string
 }
 
-type CollapsibleTriggerProps = {
+type CollapsibleTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   children: React.ReactNode
-  className?: string
 }
 
 type CollapsibleContentProps = {
@@ -76,16 +75,26 @@ export function Collapsible({
 export function CollapsibleTrigger({
   children,
   className,
+  onClick,
+  onMouseDown,
+  type = 'button',
+  ...props
 }: CollapsibleTriggerProps) {
-  const { toggle } = useCollapsible()
+  const { open, toggle } = useCollapsible()
 
   return (
     <button
-      type="button"
-      onMouseDown={(e) => e.stopPropagation()}
+      {...props}
+      type={type}
+      aria-expanded={open}
+      onMouseDown={(e) => {
+        e.stopPropagation()
+        onMouseDown?.(e)
+      }}
       onClick={(e) => {
         e.stopPropagation()
         toggle()
+        onClick?.(e)
       }}
       className={twMerge('cursor-pointer select-none', className)}
       data-collapsible-trigger