feat: implement dark theme with white logo and updated text effects

- Added white logo variant and updated header to use dark theme styling
- Split text hover effect component into two variants (cursor-following and auto-animated)
- Updated button and dropdown components to support transparent backgrounds and white text styling

src/components/Layout.tsx

@@ -1,13 +1,13 @@
 import { Outlet } from 'react-router-dom'
 import { Footer } from './Footer'
-import { Header } from './Header'
+import { HeaderDark } from './HeaderDark'
 
 export function Layout() {
 
   return (
     <div className="bg-[#fdfdfd] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
       <div className="relative z-10">
-        <Header />
+        <HeaderDark />
         <main>
           <Outlet />
         </main>