feat: improve dashboard header and not found page design

Author: iswilljr

src/app/not-found.tsx

@@ -2,6 +2,7 @@ import Link from 'next/link'
 import { buttonVariants } from '@/ui/button'
 import { Error } from '@/components/error'
 import { siteConfig } from '@/config/site'
+import { cn } from '@/utils/cn'
 
 export default function NotFound() {
   return (
@@ -18,7 +19,13 @@ export default function NotFound() {
         </span>
       }
     >
-      <Link className={buttonVariants({ variant: 'outline', size: 'sm', className: 'text-black' })} href='/'>
+      <Link
+        className={cn(
+          buttonVariants({ variant: 'outline', size: 'sm' }),
+          'text-black dark:bg-neutral-700 dark:text-white'
+        )}
+        href='/'
+      >
         Go Home
       </Link>
     </Error>

src/layout/dashboard/header.tsx

@@ -6,7 +6,7 @@ export function DashboardHeader() {
   return (
     <header className='flex h-14 w-full items-center justify-between px-6'>
       <DashboardHomeLink />
-      <div className='flex gap-2'>
+      <div className='flex items-center gap-2'>
         <ThemeSwitcher />
         <AvatarMenu />
       </div>