Add default metadata & make replaceFile function

src/components/default/navigation/index.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { Button } from '@/components/ui';
 import NavigationAuth from './auth';
 import { ThemeToggle } from '@/components/context/theme';
+import Image from 'next/image';
 
 const Navigation = () => {
   return (
@@ -16,7 +17,10 @@ const Navigation = () => {
         items-center p-3 px-5 text-sm'
       >
         <div className='flex gap-5 items-center font-semibold'>
-          <Link href={'/'}>T3 Supabase Template</Link>
+          <Link className='flex flex-row my-auto gap-2' href='/'>
+            <Image src='/icons/favicon-96x96.png' alt='T3 Logo' width={50} height={50} />
+            <h1 className='my-auto text-2xl'>T3 Supabase Template</h1>
+          </Link>
           <div className='flex items-center gap-2'>
             <Button asChild>
               <Link href='https://git.gbrown.org/gib/T3-Template'>