fix(edit_project): Added route from project detail to edit projetcs page

Author: amritkv

src/app/[locale]/projects/detail/[id]/components/ProjectDetailTab.tsx

@@ -11,7 +11,7 @@
 
 import { signOut, useSession } from 'next-auth/react'
 import { useTranslations } from 'next-intl'
-import { notFound } from 'next/navigation'
+import { notFound, useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { Button, Col, Dropdown, ListGroup, Row, Spinner, Tab } from 'react-bootstrap'
 
@@ -29,6 +29,7 @@ export default function ViewProjects({ projectId }: { projectId: string }) {
     const [summaryData, setSummaryData] = useState<SummaryDataType | undefined>(undefined)
     const [administrationData, setAdministrationData] = useState<AdministrationDataType | undefined>(undefined)
     const [show, setShow] = useState(false)
+    const router = useRouter()
 
     useEffect(() => {
         if (status !== 'authenticated') return
@@ -61,6 +62,10 @@ export default function ViewProjects({ projectId }: { projectId: string }) {
         return () => controller.abort()
     }, [projectId, session])
 
+    const handleEditProject = (projectId: string) => {
+        router.push(`/projects/edit/${projectId}`)
+    }
+
     return (
         <>
             <LinkProjects show={show} setShow={setShow} projectId={projectId} />
@@ -105,7 +110,11 @@ export default function ViewProjects({ projectId }: { projectId: string }) {
                             <Row className='d-flex justify-content-between'>
                                 <Col lg={6}>
                                     <Row>
-                                        <Button variant='primary' className='me-2 col-auto'>
+                                        <Button
+                                            variant='primary'
+                                            className='me-2 col-auto'
+                                            onClick={() => handleEditProject(projectId)}
+                                        >
                                             {t('Edit Projects')}
                                         </Button>
                                         <Button variant='secondary' className='col-auto' onClick={() => setShow(true)}>