feat: add auth setup and login flow

src/services/api/auth.service.ts

@@ -0,0 +1,9 @@
+import type { AuthResponseData, LoginPayload } from '@/types';
+import { axiosAuth } from '../axios/axios';
+
+export const authService = {
+  login: async (payload: LoginPayload): Promise<AuthResponseData> => {
+    const response = await axiosAuth.post<AuthResponseData>('/auth/login', payload);
+    return response.data;
+  },
+};

src/services/api/index.ts

@@ -1,5 +1,6 @@
 export * from './project.service';
 export * from './package.service';
+export * from './auth.service';
 export { chainageService } from './chainage.service';
 export * from './video.service';
 export * from './detection.service';

src/services/axios/axios.ts

@@ -1,25 +1,26 @@
 import { ENV_CONSTANT } from '@/constants/secrect.constant';
+import { tokenService } from '@/services/token.service';
 import axios from 'axios';
+import { signOut } from 'next-auth/react';
 
 const BASE_URL = ENV_CONSTANT.BASE_API_URL;
 
 const axiosClient = axios.create({
   baseURL: BASE_URL,
   headers: {
-    // "Content-Type": "application/json",
+    'Content-Type': 'application/json',
     'ngrok-skip-browser-warning': 'true',
   },
 });
 
-// Add request interceptor to inject access token
 axiosClient.interceptors.request.use(
-  (config) => {
-    if (typeof window !== 'undefined') {
-      const token = localStorage.getItem('token');
-      if (token && config.headers) {
-        config.headers['Authorization'] = `Bearer ${token}`;
-      }
+  async (config) => {
+    const token = await tokenService.getAccessToken();
+
+    if (token && config.headers) {
+      config.headers.Authorization = `Bearer ${token}`;
     }
+
     return config;
   },
   (error) => {
@@ -27,18 +28,23 @@ axiosClient.interceptors.request.use(
   },
 );
 
-// Basic response interceptor
 axiosClient.interceptors.response.use(
   (response) => response,
-  (error) => {
-    // Standard error handling can be added here later
+  async (error) => {
+    if (error?.response?.status === 401 && typeof window !== 'undefined') {
+      await signOut({ callbackUrl: '/login' });
+    }
+
     return Promise.reject(error);
   },
 );
 
 export const axiosAuth = axios.create({
   baseURL: BASE_URL,
-  headers: { 'Content-Type': 'application/json' },
+  headers: {
+    'Content-Type': 'application/json',
+    'ngrok-skip-browser-warning': 'true',
+  },
 });
 
 export default axiosClient;

src/services/token.service.ts

@@ -0,0 +1,16 @@
+import { getSession } from 'next-auth/react';
+
+export const tokenService = {
+  getAccessToken: async (): Promise<string | null> => {
+    if (typeof window === 'undefined') return null;
+
+    const session = await getSession();
+    return session?.accessToken ?? null;
+  },
+  getRefreshToken: async (): Promise<string | null> => {
+    if (typeof window === 'undefined') return null;
+
+    const session = await getSession();
+    return session?.refreshToken ?? null;
+  },
+};