use clsx instead of classnames for consistency

lib/ui-react/package.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "@opencodegraph/schema": "workspace:*",
     "@opencodegraph/ui-standalone": "workspace:*",
-    "classnames": "^2.3.2"
+    "clsx": "^2.0.0"
   },
   "devDependencies": {
     "@types/react": "18.2.37",

lib/ui-react/src/chip/Chip.tsx

@@ -1,5 +1,5 @@
 import { type Annotation } from '@opencodegraph/schema'
-import classNames from 'classnames'
+import clsx from 'clsx'
 import { useCallback, useRef, useState, type FunctionComponent } from 'react'
 import styles from './Chip.module.css'
 import { Popover } from './Popover'
@@ -19,14 +19,14 @@ export const Chip: FunctionComponent<{
     const anchorRef = useRef<HTMLElement>(null)
 
     return (
-        <aside className={classNames(styles.chip, className)} ref={anchorRef}>
+        <aside className={clsx(styles.chip, className)} ref={anchorRef}>
             <header onMouseEnter={showPopover} onMouseLeave={hidePopover} onFocus={showPopover} onBlur={hidePopover}>
                 <h4 className={styles.title}>{annotation.title}</h4>
                 {annotation.url && <a className={styles.stretchedLink} aria-hidden={true} href={annotation.url} />}
             </header>
             {annotation.ui?.detail && anchorRef.current && (
                 <Popover anchor={anchorRef.current} visible={popoverVisible}>
-                    <aside className={classNames(styles.popoverContent, popoverClassName)}>
+                    <aside className={clsx(styles.popoverContent, popoverClassName)}>
                         {/* TODO(sqs): support markdown */}
                         <p className={styles.detail}>{annotation.ui?.detail}</p>
                     </aside>
@@ -45,7 +45,7 @@ export const ChipList: FunctionComponent<{
     chipClassName?: string
     popoverClassName?: string
 }> = ({ annotations, className, chipClassName, popoverClassName }) => (
-    <div className={classNames(styles.list, className)}>
+    <div className={clsx(styles.list, className)}>
         {annotations.map((annotation, i) => (
             <Chip
                 key={annotation.url ?? i}