feat: Forgot Password Slicing, fix: webp image

libs/ui/src/organisms/auth-banner/auth-banner.tsx

@@ -6,7 +6,7 @@ import { FC, ReactElement } from "react";
 function AuthBanner({text, href}: {text: string, href: string}){
     return (
         <div className='relative rounded-md'>
-          <img src="/image/95319c4f9953dfe6180200e529dfcea5.jpeg" alt="Banner" className='w-[420px] h-[632px] object-[80%] object-cover rounded-lg' />
+          <img src="/image/95319c4f9953dfe6180200e529dfcea5.webp" alt="Banner" className='w-[420px] h-[632px] object-[80%] object-cover rounded-lg' />
           <div className='absolute top-0 bg-gradient-to-b from-primary-500 to-transparent w-full rounded-t-lg h-[163px] py-5 px-5'>
             <Button variant='secondary' className='gap-2' onClick={() => document.location.href = `${href}`}>
               <ArrowLeftOutlined />
@@ -14,7 +14,7 @@ function AuthBanner({text, href}: {text: string, href: string}){
             </Button>
           </div>
           <div className='absolute bottom-0 bg-gradient-to-t from-primary-500 to-transparent w-full rounded-b-lg h-[263px] flex flex-col items-center justify-center'>
-            <img src="/image/9261045e09137f3fcb925a78c55b6ddb.png" alt="Logo" width={317} />
+            <img src="/image/9261045e09137f3fcb925a78c55b6ddb.webp" alt="Logo" width={317} />
           </div>
         </div>
     )