패키지 버전 업데이트 및 SvelteKit 3, Tailwind CSS 4로 마이그레이션

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/routes/(fullscreen)/auth/changePassword/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { BottomDiv, Button, FullscreenDiv, TextInput } from "$lib/components/atoms";
-  import { TitledDiv, TopBar } from "$lib/components/molecules";
+  import { BottomDiv, Button, FullscreenDiv, TextInput } from "#lib/components/atoms/index.js";
+  import { TitledDiv, TopBar } from "#lib/components/molecules/index.js";
   import { requestPasswordChange } from "./service";
 
   let oldPassword = $state("");
@@ -24,9 +24,9 @@
   <title>비밀번호 바꾸기</title>
 </svelte:head>
 
-<TopBar class="flex-shrink-0" />
+<TopBar class="shrink-0" />
 <FullscreenDiv>
-  <TitledDiv class="!pt-0" titleClass="!text-2xl" childrenClass="flex flex-col gap-y-2">
+  <TitledDiv class="pt-0!" titleClass="text-2xl!" childrenClass="flex flex-col gap-y-2">
     {#snippet title()}
       기존 비밀번호와 새 비밀번호를 입력해 주세요.
     {/snippet}

src/routes/(fullscreen)/auth/changePassword/service.ts

@@ -1,4 +1,4 @@
-import { trpc } from "$trpc/client";
+import { trpc } from "#trpc/client.js";
 
 export const requestPasswordChange = async (oldPassword: string, newPassword: string) => {
   try {

src/routes/(fullscreen)/auth/login/+page.svelte

@@ -1,9 +1,15 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { BottomDiv, Button, FullscreenDiv, TextButton, TextInput } from "$lib/components/atoms";
-  import { TitledDiv } from "$lib/components/molecules";
-  import { ForceLoginModal } from "$lib/components/organisms";
-  import { clientKeyStore, masterKeyStore } from "$lib/stores";
+  import {
+    BottomDiv,
+    Button,
+    FullscreenDiv,
+    TextButton,
+    TextInput,
+  } from "#lib/components/atoms/index.js";
+  import { TitledDiv } from "#lib/components/molecules/index.js";
+  import { ForceLoginModal } from "#lib/components/organisms/index.js";
+  import { clientKeyStore, masterKeyStore } from "#lib/stores/index.js";
   import {
     requestLogin,
     requestClientRegistrationAndSessionUpgrade,

src/routes/(fullscreen)/auth/login/service.ts

@@ -1,11 +1,11 @@
-import { trpc } from "$trpc/client";
+import { trpc } from "#trpc/client.js";
 
-export { requestLogout } from "$lib/services/auth";
-export { requestDeletedFilesCleanup } from "$lib/services/file";
+export { requestLogout } from "#lib/services/auth.js";
+export { requestDeletedFilesCleanup } from "#lib/services/file.js";
 export {
   requestClientRegistrationAndSessionUpgrade,
   requestMasterKeyDownload,
-} from "$lib/services/key";
+} from "#lib/services/key.js";
 
 export const requestLogin = async (email: string, password: string) => {
   try {