Transaction Details Page

Value Proposition

As a user I want to view detailed information about a specific transaction In order to review the full details of my expenses and/or income.

Each transaction in the list is clickable taking the user to a detailed view of that transaction.
The transaction detail page includes: Name, Amount, Category, Type and Date.
The page includes a "back" button that allows users to return to the transactions list.
The users has the option to edit or delete the transaction from this page.
After editing or deleting a transaction, the transactions list and account balance should update in real-time to reflect the changes.
If a transaction ID does not exist (e.g., the user manually changes the URL), display a "Page not found" message and provide a link to go back to the list.
Tasks
[x] Create feature branch future/transaction-detail-page.
[x] Create a dynamic route for the transaction detail page (/transactions/[id]).
[x] Fetch and display transaction details based on the transaction id from the URL parameters.
[x] Create a new TransactionDetailPage component that shows transaction information.
[x] Add a "Back" button that takes the user back to the main transaction list.
[x] Create an "Edit" button that opens the edit form with pre-filled data.
[x] Create a "Delete" button that triggers a confirmation dialog before removing the transaction.
[x] Ensure that after deletion, the user is redirected back to the transactions list with updated data.
[x] Implement "Page not found" message and redirect button.