added transaction details page

src/components/transactions/TransactionsCom.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
 import { useQuery } from "@tanstack/react-query";
+import {Link} from 'react-router-dom'
 
 import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
 import TablePaginatedWrapper from '../tableWrapper/TablePaginatedWrapper'
@@ -10,6 +11,7 @@ import queryKeys from '../../services/queryKeys'
 import { getTransactions } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
+import RouteLinks from '../../RouteLinks';
 
 export default function TransactionsCom() {
 
@@ -86,7 +88,9 @@ export default function TransactionsCom() {
                                             <td className="px-2 text-right">
                                                 <div className='flex items-center justify-end gap-3 md:gap-4'>
                                                     <div className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
-                                                        <Icons name='eye' />
+                                                        <Link to={RouteLinks.transaction_details_page} state={{transactionID: item?.transaction_id}}>
+                                                            <Icons name='eye' />
+                                                        </Link>
                                                     </div>
                                                 </div>
                                             </td>