frontend/src/components/Layout.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import Navbar from './Navbar';
 
 interface LayoutProps {

frontend/src/components/Navbar.tsx

@@ -1,5 +1,4 @@
-import { checkLogin } from '@_api/auth/authAPI';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { useAuth } from 'src/context/AuthContext';
 

frontend/src/context/AuthContext.tsx

@@ -1,13 +1,13 @@
-import React, { createContext, useState, useEffect, ReactNode, useContext } from 'react';
 import { checkLogin as apiCheckLogin, login as apiLogin, logout as apiLogout } from '@_api/auth/authAPI';
-import type { LoginRequest, LoginCheckResponse } from '@_api/auth/authTypes';
+import type { LoginRequest, LoginResponse } from '@_api/auth/authTypes';
+import React, { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
 
 interface AuthContextType {
     loggedIn: boolean;
     userName: string | null;
     role: 'ADMIN' | 'MEMBER' | null;
     loading: boolean; // Add loading state to type
-    login: (data: LoginRequest) => Promise<LoginCheckResponse>;
+    login: (data: LoginRequest) => Promise<LoginResponse>;
     logout: () => Promise<void>;
     checkLogin: () => Promise<void>;
 }

frontend/src/pages/admin/AdminLayout.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import AdminNavbar from './AdminNavbar';
 
 interface AdminLayoutProps {