Update favicon, logo

Author: Adam Plesnik

docs/public/android-chrome-192x192.png

@@ -8,11 +8,12 @@ const Nav = () => {
   return (
     <div className="sticky top-0 z-20 flex w-full items-stretch justify-center bg-white/20 text-zinc-700 shadow-xl shadow-black/5 backdrop-blur-sm dark:border-b-slate-600/50 dark:bg-slate-800/60 dark:text-zinc-400">
       <div className="flex w-full max-w-screen-lg items-stretch gap-3 px-8 py-3 md:px-16 lg:px-20">
-        <NavLink className="flex items-center gap-1 self-center text-sm font-medium" to="/">
-          <Logo className="text-cyan-500" />
-          <span className="mr-2 hidden text-zinc-900 sm:block dark:text-zinc-100">
-            scrolldriven.dev
-          </span>
+        <NavLink
+          className="flex items-center gap-2 self-center text-sm font-medium text-zinc-900 dark:text-zinc-100"
+          to="/"
+        >
+          <Logo />
+          <span className="mr-2 hidden sm:block">scrolldriven.dev</span>
         </NavLink>
         <HeaderNavAnchor to="/docs">Docs</HeaderNavAnchor>
         <HeaderNavAnchor to="/tech">Tech</HeaderNavAnchor>