add fallback avatar on header component

app/(main)/components/heroSection/heroSection.tsx

@@ -16,9 +16,9 @@ async function HeroSection() {
     <section aria-label="Hero" className="relative bg-secondary-15">
       <SplitContainer className="py-auto h-[80dvh] min-h-[650px] pt-32 md:h-auto md:flex-row-reverse md:justify-between md:pb-48 md:pt-64 xl:pb-80">
         <SplitContainer.Left className="flex basis-1/2 justify-center">
-          <Image src={barber} width={300} alt="barber image" priority />
+          <Image src={barber} width={400} alt="barber image" priority />
         </SplitContainer.Left>
-        <SplitContainer.Right className="group flex basis-1/2 flex-col gap-4">
+        <SplitContainer.Right className="group flex basis-1/2 flex-col gap-4 self-start md:self-center">
           <h1
             className="animate-fade-in text-left text-lg font-semibold text-primary-100 motion-reduce:animate-none md:text-xl"
             style={{ "--index": 2 } as React.CSSProperties}

shared/organisms/header/header.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
+import Image from "next/image";
 import { LoginLink, LogoutLink } from "@kinde-oss/kinde-auth-nextjs/components";
 import { CalendarIcon, LogOutIcon } from "lucide-react";
 import { Container } from "@/shared/templates/container";
@@ -13,6 +14,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/shared/molecules/popover";
+import avatar from "@/public/illustrations/avatar.svg";
 
 interface HeaderProps {
   photo?: string | null;
@@ -54,7 +56,9 @@ function Header({ photo, isAuthenticated }: HeaderProps) {
               <PopoverTrigger className="hover:cursor-pointer" asChild>
                 <Avatar className="ring-1 ring-neutral-15">
                   <AvatarImage src={photo ?? ""} alt="profile" />
-                  <AvatarFallback>TN</AvatarFallback>
+                  <AvatarFallback>
+                    <Image src={avatar} width={40} alt="avatar" />
+                  </AvatarFallback>
                 </Avatar>
               </PopoverTrigger>
               <PopoverContent