feat(bolg) add animation

components/Navbar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useEffect, useState } from 'react';
-import { Button, Image } from '@nextui-org/react';
+import { Button } from '@nextui-org/react';
 import NextImage from 'next/image';
 import {
     IoFileTrayFull,
@@ -115,16 +115,14 @@ function Navbar() {
                 <div className={ `fixed min-h-screen h-full` }>
                     <div className={ `hidden md:block` }>
                         <div className={ `flex justify-center items-center my-7` }>
-                            <Image
-                                as={ NextImage }
+                            <NextImage
                                 src={ 'https://oss.lumither.com/blog/pictures/compr/1717153492846703409_avatar.webp' }
                                 alt={ 'avatar' }
                                 width={ 200 }
                                 height={ 200 }
                                 className={ 'rounded-full justify-self-center' }
-                                fetchPriority={ 'high' }
-                                removeWrapper
-                            ></Image>
+                                priority={ true }
+                            ></NextImage>
                         </div>
 
                         <div>