lint frontend

frontend/src/components/kanban/CreateListModal.tsx

@@ -2,7 +2,7 @@ import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { ModalContentProps } from '../../types';
-import { useToast } from '@/context/toasts';
+import { useToast } from '../../context/toasts/useToast';
 
 const listSchema = z.object({
   name: z

frontend/src/hooks/useApi.ts

@@ -11,6 +11,7 @@ import {
   Checklist,
   CommentWithUser,
 } from '../types/kanban';
+import { useMemo } from 'react';
 
 const api = axios.create({
   baseURL: '/api',
@@ -46,7 +47,8 @@ api.interceptors.response.use(
 );
 
 export function useApi() {
-  return {
+  return useMemo(
+    () => ({
       // Auth
       login: async (email: string, password: string): Promise<AuthResponse> => {
         const response = await api.post<AuthResponse>('/auth/login', {
@@ -77,7 +79,10 @@ export function useApi() {
         const response = await api.post<ProductData>('/products', productData);
         return response.data;
       },
-    updateProduct: async (id: string, productData: Partial<ProductData>): Promise<ProductData> => {
+      updateProduct: async (
+        id: string,
+        productData: Partial<ProductData>
+      ): Promise<ProductData> => {
         const response = await api.put<ProductData>(`/products/${id}`, productData);
         return response.data;
       },
@@ -121,7 +126,10 @@ export function useApi() {
       },
 
       // Lists
-    createList: async (boardId: number, listData: { name: string; pos: number }): Promise<List> => {
+      createList: async (
+        boardId: number,
+        listData: { name: string; pos: number }
+      ): Promise<List> => {
         const response = await api.post<List>(`/boards/${boardId}/lists`, listData);
         return response.data;
       },
@@ -256,5 +264,7 @@ export function useApi() {
       deleteComment: async (id: number): Promise<void> => {
         await api.delete(`/comments/${id}`);
       },
-  };
+    }),
+    []
+  );
 }

frontend/src/hooks/useBoard.ts

@@ -29,7 +29,7 @@ export function useBoard(boardId: number) {
       });
       return null;
     }
-  }, [boardId, getBoard, withLoader, addNotification]);
+  }, [getBoard, boardId, withLoader, addNotification]);
 
   const updateBoardData = (updatedBoard: BoardWithDetails) => {
     setBoard(updatedBoard);

frontend/src/pages/BoardCreate.tsx

@@ -3,7 +3,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { useNavigate, Link } from 'react-router-dom';
 import { useBoards } from '../hooks/useBoards';
-import { useToast } from '@/context/toasts';
+import { useToast } from '../context/toasts/useToast';
 
 const boardSchema = z.object({
   name: z

frontend/src/pages/BoardEdit.tsx

@@ -5,7 +5,7 @@ import { useNavigate, Link, useParams } from 'react-router-dom';
 import { useBoard } from '../hooks/useBoard';
 import { useBoards } from '../hooks/useBoards';
 import { useEffect } from 'react';
-import { useToast } from '@/context/toasts';
+import { useToast } from '../context/toasts/useToast';
 
 const boardSchema = z.object({
   name: z

frontend/src/pages/Login.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { useAuth } from '../hooks/useAuth';
-import { useToast } from '@/context/toasts';
+import { useToast } from '../context/toasts/useToast';
 
 export default function Login() {
   const [email, setEmail] = useState('');