feat: header click handler

Author: harry-whorlow

packages/devtools-ui/src/components/header.tsx

@@ -21,17 +21,19 @@ export function Header({
 export function HeaderLogo({
   children,
   flavor,
+  onClick,
 }: {
   children: JSX.Element
   flavor: {
     light: string
     dark: string
   }
+  onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>
 }) {
   const styles = useStyles()
   return (
     <div class={styles().header.logoAndToggleContainer}>
-      <button class={clsx(styles().header.logo)}>
+      <button class={clsx(styles().header.logo)} onClick={onClick}>
         <span class={clsx(styles().header.tanstackLogo)}>TANSTACK</span>
         <span
           class={clsx(styles().header.flavorLogo(flavor.light, flavor.dark))}