chore: update frontend dependencies and fix deprecated method use (#140)

frontend/src/app/[locale]/projects/[projectId]/Sidebar.tsx

@@ -2,7 +2,7 @@
 import { useState, useEffect } from 'react';
 import { Listbox, ListboxItem } from '@nextui-org/react';
 import { Home, Files, FlaskConical, Users, Settings } from 'lucide-react';
-import { usePathname, useRouter } from '@/src/navigation';
+import { usePathname, useRouter } from '@/src/i18n/routing';
 import useGetCurrentIds from '@/utils/useGetCurrentIds';
 import { ProjectMessages } from '@/types/project';
 
@@ -87,7 +87,7 @@ export default function Sidebar({ messages, locale }: Props) {
           <ListboxItem
             key={itr.key}
             startContent={itr.startContent}
-            onClick={() => handleTabClick(itr.key)}
+            onPress={() => handleTabClick(itr.key)}
             className={currentKey === itr.key ? selectedClass : baseClass}
           >
             {itr.text}

frontend/src/app/[locale]/projects/[projectId]/folders/FolderEditMenu.tsx

@@ -30,10 +30,10 @@ export default function FolderEditMenu({ folder, isDisabled, onEditClick, onDele
         </Button>
       </DropdownTrigger>
       <DropdownMenu aria-label="Static Actions" disabledKeys={disabledKeys}>
-        <DropdownItem key="edit" onClick={() => onEditClick(folder)}>
+        <DropdownItem key="edit" onPress={() => onEditClick(folder)}>
           {messages.editFolder}
         </DropdownItem>
-        <DropdownItem key="delete" className="text-danger" color="danger" onClick={() => onDeleteClick(folder.id)}>
+        <DropdownItem key="delete" className="text-danger" color="danger" onPress={() => onDeleteClick(folder.id)}>
           {messages.deleteFolder}
         </DropdownItem>
       </DropdownMenu>

frontend/src/app/[locale]/projects/[projectId]/folders/FoldersPane.tsx

@@ -3,7 +3,7 @@ import { FolderType, FoldersMessages } from '@/types/folder';
 import { useState, useEffect, useContext } from 'react';
 import { Button, Listbox, ListboxItem } from '@nextui-org/react';
 import { Folder, Plus } from 'lucide-react';
-import { usePathname, useRouter } from '@/src/navigation';
+import { usePathname, useRouter } from '@/src/i18n/routing';
 import { TokenContext } from '@/utils/TokenProvider';
 import useGetCurrentIds from '@/utils/useGetCurrentIds';
 import FolderDialog from './FolderDialog';
@@ -124,7 +124,7 @@ export default function FoldersPane({ projectId, messages, locale }: Props) {
           variant="bordered"
           className="m-2"
           isDisabled={!context.isProjectDeveloper(Number(projectId))}
-          onClick={openDialogForCreate}
+          onPress={openDialogForCreate}
         >
           {messages.newFolder}
         </Button>
@@ -132,7 +132,7 @@ export default function FoldersPane({ projectId, messages, locale }: Props) {
           {folders.map((folder, index) => (
             <ListboxItem
               key={index}
-              onClick={() => router.push(`/projects/${projectId}/folders/${folder.id}/cases`, { locale: locale })}
+              onPress={() => router.push(`/projects/${projectId}/folders/${folder.id}/cases`, { locale: locale })}
               startContent={<Folder size={20} color="#F7C24E" fill="#F7C24E" />}
               className={selectedFolder && folder.id === selectedFolder.id ? selectedClass : baseClass}
               endContent={

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx

@@ -14,7 +14,7 @@ import {
   Selection,
   SortDescriptor,
 } from '@nextui-org/react';
-import { Link, NextUiLinkClasses } from '@/src/navigation';
+import { Link, NextUiLinkClasses } from '@/src/i18n/routing';
 import { Plus, MoreVertical, Trash } from 'lucide-react';
 import { CaseType, CasesMessages } from '@/types/case';
 import { PriorityMessages } from '@/types/priority';
@@ -104,6 +104,7 @@ export default function TestCaseTable({
             </DropdownTrigger>
             <DropdownMenu aria-label="test case actions">
               <DropdownItem
+                key="delete-case"
                 className="text-danger"
                 isDisabled={isDisabled}
                 onPress={() => handleDeleteCase(testCase.id)}

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useEffect, useContext, ChangeEvent, DragEvent } from 'react';
 import { Input, Textarea, Select, SelectItem, Button, Divider, Tooltip } from '@nextui-org/react';
-import { useRouter } from '@/src/navigation';
+import { useRouter } from '@/src/i18n/routing';
 import { Save, Plus, ArrowLeft, Circle } from 'lucide-react';
 import { priorities, testTypes, templates } from '@/config/selection';
 import CaseStepsEditor from './CaseStepsEditor';

frontend/src/app/[locale]/projects/[projectId]/members/MembersPage.tsx

@@ -95,7 +95,7 @@ export default function MembersPage({ projectId, messages, locale }: Props) {
           size="sm"
           color="primary"
           isDisabled={!context.isProjectManager(Number(projectId))}
-          onClick={() => setIsDialogOpen(true)}
+          onPress={() => setIsDialogOpen(true)}
         >
           {messages.addMember}
         </Button>

frontend/src/app/[locale]/projects/[projectId]/members/MembersTable.tsx

@@ -92,7 +92,7 @@ export default function MembersTable({ members, isDisabled, onChangeRole, onDele
             isDisabled={isDisabled}
             color="danger"
             variant="light"
-            onClick={() => {
+            onPress={() => {
               if (member.User.id) {
                 onDeleteMember(member.User.id);
               }

frontend/src/app/[locale]/projects/[projectId]/runs/RunsPage.tsx

@@ -104,7 +104,7 @@ export default function RunsPage({ projectId, locale, messages }: Props) {
             size="sm"
             isDisabled={!context.isProjectReporter(Number(projectId))}
             color="primary"
-            onClick={openDialogForCreate}
+            onPress={openDialogForCreate}
           >
             {messages.newRun}
           </Button>

frontend/src/app/[locale]/projects/[projectId]/runs/RunsTable.tsx

@@ -13,7 +13,7 @@ import {
   DropdownItem,
   SortDescriptor,
 } from '@nextui-org/react';
-import { Link, NextUiLinkClasses } from '@/src/navigation';
+import { Link, NextUiLinkClasses } from '@/src/i18n/routing';
 import { MoreVertical } from 'lucide-react';
 import { RunsMessages, RunType } from '@/types/run';
 import dayjs from 'dayjs';
@@ -94,7 +94,7 @@ export default function RunsTable({ projectId, isDisabled, runs, onDeleteRun, me
               </Button>
             </DropdownTrigger>
             <DropdownMenu aria-label="run actions" disabledKeys={disabledKeys}>
-              <DropdownItem className="text-danger" key="delete" onClick={() => onDeleteRun(run.id)}>
+              <DropdownItem className="text-danger" key="delete" onPress={() => onDeleteRun(run.id)}>
                 {messages.deleteRun}
               </DropdownItem>
             </DropdownMenu>

frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/RunEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 import React from 'react';
 import { useState, useEffect, useContext } from 'react';
-import { useRouter } from '@/src/navigation';
+import { useRouter } from '@/src/i18n/routing';
 import {
   Button,
   Input,
@@ -307,14 +307,16 @@ export default function RunEditor({
                 </DropdownTrigger>
                 <DropdownMenu aria-label="test case select actions">
                   <DropdownItem
+                    key="include"
                     startContent={<CopyPlus size={16} />}
-                    onClick={() => handleBulkIncludeExcludeCases(true)}
+                    onPress={() => handleBulkIncludeExcludeCases(true)}
                   >
                     {messages.includeInRun}
                   </DropdownItem>
                   <DropdownItem
+                    key="exclude"
                     startContent={<CopyMinus size={16} />}
-                    onClick={() => handleBulkIncludeExcludeCases(false)}
+                    onPress={() => handleBulkIncludeExcludeCases(false)}
                   >
                     {messages.excludeFromRun}
                   </DropdownItem>

frontend/src/app/[locale]/projects/[projectId]/settings/SettingsPage.tsx

@@ -9,7 +9,7 @@ import { TokenContext } from '@/utils/TokenProvider';
 import { deleteProject, fetchProject, updateProject } from '@/utils/projectsControl';
 import { ProjectDialogMessages, ProjectType } from '@/types/project';
 import DeleteConfirmDialog from '@/components/DeleteConfirmDialog';
-import { useRouter } from '@/src/navigation';
+import { useRouter } from '@/src/i18n/routing';
 import ProjectDialog from '@/components/ProjectDialog';
 import { UserType } from '@/types/user';
 import { findUser } from '@/utils/usersControl';
@@ -94,7 +94,7 @@ export default function SettingsPage({ projectId, messages, projectDialogMessage
             size="sm"
             color="danger"
             isDisabled={!context.isProjectOwner(Number(projectId))}
-            onClick={() => setIsDeleteConfirmDialogOpen(true)}
+            onPress={() => setIsDeleteConfirmDialogOpen(true)}
           >
             {messages.deleteProject}
           </Button>
@@ -103,7 +103,7 @@ export default function SettingsPage({ projectId, messages, projectDialogMessage
             size="sm"
             color="primary"
             isDisabled={!context.isProjectOwner(Number(projectId))}
-            onClick={() => setIsProjectDialogOpen(true)}
+            onPress={() => setIsProjectDialogOpen(true)}
             className="ms-2"
           >
             {messages.editProject}