adding dark mode to feat/refresh

apps/web/src/components/(dashboard)/layout/header.tsx

@@ -29,7 +29,10 @@ export const Header = ({ className, user, ...props }: HeaderProps) => {
       {...props}
     >
       <div className="mx-auto flex w-full max-w-screen-xl items-center justify-between gap-x-4 px-4 md:justify-normal md:px-8">
-        <Link href="/">
+        <Link
+          href="/"
+          className="focus-visible:ring-ring ring-offset-background rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+        >
           <Logo className="h-6 w-auto" />
         </Link>