[FEAT] 로고를 정적 asset에서 SVGR 아이콘으로 교체한다

apps/timo-web/app/[locale]/login/_containers/LoginContainer.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import timoTextLogo from "@repo/timo-design-system/assets/images/logo/timo-text-logo.svg";
-import Image from "next/image";
+import { LogoTimoIcon } from "@repo/timo-design-system/icons";
 import { useTranslations } from "next-intl";
 
 import { OnboardingGoogleButtonContainer } from "@/app/[locale]/onboarding/_containers/OnboardingGoogleButtonContainer";
@@ -23,7 +22,7 @@ export const LoginContainer = () => {
       <div className="border-timo-gray-500 shadow-timo flex flex-col items-center justify-center gap-16 rounded-[4px] border bg-white px-12.5 py-13">
         <div className="flex flex-col gap-6">
           <div className="flex flex-col items-center gap-4">
-            <Image src={timoTextLogo} alt="Timo" width={92} height={35} />
+            <LogoTimoIcon width={92} height={35} />
             <div className="flex w-full flex-col items-center gap-0.5">
               <p className="typo-headline-m-16 text-timo-blue-300">
                 Less Chaos More Focus

apps/timo-web/app/[locale]/policy/page.tsx

@@ -1,5 +1,4 @@
-import timoTextLogo from "@repo/timo-design-system/assets/images/logo/timo-text-logo.svg";
-import Image from "next/image";
+import { LogoTimoIcon } from "@repo/timo-design-system/icons";
 import { notFound } from "next/navigation";
 import { hasLocale } from "next-intl";
 import { getTranslations } from "next-intl/server";
@@ -49,8 +48,8 @@ export default async function PolicyPage({ searchParams }: PolicyPageProps) {
   return (
     <div className="flex min-h-screen w-full flex-col items-center gap-12.5 bg-white">
       <div className="flex w-full items-center justify-between px-37 py-6.75">
-        <Link href={ROUTES.LOGIN}>
-          <Image src={timoTextLogo} alt="Timo" width={92} height={35} />
+        <Link href={ROUTES.LOGIN} aria-label="Timo">
+          <LogoTimoIcon width={92} height={35} />
         </Link>
       </div>
 

apps/timo-web/components/layout/sidebar/navigation/NavigationSidebar.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import timoTextLogo from "@repo/timo-design-system/assets/images/logo/timo-text-logo.svg";
 import {
   ChartHoverIcon,
   ChartOffIcon,
   ChartOnIcon,
   HomeHoverIcon,
   HomeOffIcon,
   HomeOnIcon,
+  LogoTimoIcon,
   SettingHoverIcon,
   SettingOffIcon,
   SettingOnIcon,
@@ -20,7 +20,6 @@ import {
 } from "@repo/timo-design-system/icons";
 import { TabButton } from "@repo/timo-design-system/ui";
 import { cn } from "@repo/timo-design-system/utils";
-import Image from "next/image";
 import { useTranslations } from "next-intl";
 
 import { useNavigationSidebar } from "@/components/layout/sidebar/navigation/NavigationSidebarContext";
@@ -119,14 +118,8 @@ export const NavigationSidebar = () => {
       )}
     >
       <div className="flex h-full w-45 shrink-0 flex-col gap-7.5">
-        <Link href={ROUTES.HOME}>
-          <Image
-            src={timoTextLogo}
-            alt="Timo"
-            width={92}
-            height={35}
-            priority
-          />
+        <Link href={ROUTES.HOME} aria-label="Timo">
+          <LogoTimoIcon width={92} height={35} />
         </Link>
         <nav className="flex flex-1 flex-col justify-between">
           <div className="flex flex-col gap-2">