fix: 에셋 변경

Author: nirii00

src/assets/images/go-to-random-letter.webp

@@ -19,9 +19,9 @@ const Header = () => {
       </button>
       <div className="flex items-center gap-3">
         {theme === 'light' ? (
-          <FlareRoundedIcon className="h-6 w-6 text-white" onClick={toggleTheme} />
-        ) : (
           <DarkModeOutlinedIcon className="h-6 w-6 text-white" onClick={toggleTheme} />
+        ) : (
+          <FlareRoundedIcon className="h-6 w-6 text-white" onClick={toggleTheme} />
         )}
         <NotificationButton />
         <Link to="/mypage">

src/assets/images/home-left-mountain.png

@@ -1,6 +1,6 @@
 import { Link } from 'react-router';
 
-import goToRandomLetter from '@/assets/images/go-to-random-letter.png';
+import goToRandomLetter from '@/assets/images/go-to-random-letter.webp';
 
 const GoToRandomLetter = () => {
   return (
@@ -10,7 +10,7 @@ const GoToRandomLetter = () => {
           고민편지 보러가기
         </p>
         <Link to={'/letter/random'}>
-          <img src={goToRandomLetter} alt="go to random letter" />
+          <img src={goToRandomLetter} alt="go to random letter" className="h-45 translate-x-5" />
         </Link>
       </div>
     </>

src/assets/images/home-left-mountain.webp

@@ -1,4 +1,4 @@
-import homeLeftMountain from '@/assets/images/home-left-mountain.png';
+import homeLeftMountain from '@/assets/images/home-left-mountain.webp';
 import homeLeftMountainDark from '@/assets/images/home-left-mountain-dark.webp';
 
 import BackgroundImageWrapper from '@/components/BackgroundImageWrapper';