feat(BOOK-113): Synced hover/focus states for buttons and added better examples to storybook

* fix(BOOK-113): Updated hover colors after blend/mix has been removed

Approved-by: Christel Westerberg

packages/design-system/lib/components/ButtonLink/index.tsx

@@ -1,16 +1,15 @@
 'use client'
 
-import Link from 'next/link'
-import { type ComponentProps, type PropsWithChildren } from 'react'
+import { type ComponentProps } from 'react'
 
 import { variants } from './variants'
 
 import type { VariantProps } from 'class-variance-authority'
+import Link from 'next/link'
 import { useIntl } from 'react-intl'
 
 export interface ButtonLinkProps
-  extends PropsWithChildren,
-    Omit<ComponentProps<typeof Link>, 'color'>,
+  extends Omit<ComponentProps<typeof Link>, 'color'>,
     VariantProps<typeof variants> {}
 
 export default function ButtonLink({
@@ -22,7 +21,6 @@ export default function ButtonLink({
   className,
   href,
   target,
-  onClick = () => {},
   ...props
 }: ButtonLinkProps) {
   const classNames = variants({
@@ -45,7 +43,6 @@ export default function ButtonLink({
       className={classNames}
       href={href}
       target={target}
-      onClick={onClick}
       title={target === '_blank' ? newTabText : ''}
       {...props}
     />