Add item detail view and link from inventory list

Introduces a new `ItemDetail` component to display detailed information for an inventory item. Updates the `InventoryList` to include a link directing users to the detail view for each item. Also adds the necessary route for the `ItemDetail` component in the app configuration.

barkmanui/src/features/inventory/InventoryList.tsx

@@ -3,7 +3,7 @@ import {InventoryItem} from "./types";
 import {BarkHeader} from "../../common/components/BarkHeader.tsx";
 import {Flex, Table} from '@mantine/core';
 import BarkButton from "../../common/components/BarkButton.tsx";
-
+import {Link} from "react-router";
 
 function InventoryList() {
 
@@ -53,6 +53,7 @@ function InventoryList() {
                     <Table.Th c="red">Brand</Table.Th>
                     <Table.Th c="red">Item</Table.Th>
                     <Table.Th c="red">Status</Table.Th>
+                    <Table.Th c="red">Details</Table.Th>
                 </Table.Tr>
                 </Table.Thead>
                 <Table.Tbody>
@@ -62,6 +63,9 @@ function InventoryList() {
                         <Table.Td>{data.brand}</Table.Td>
                         <Table.Td>{data.name}</Table.Td>
                         <Table.Td>{data.status}</Table.Td>
+                        <Table.Td>
+                            <Link to={`/itemDetail/${data.id}`}>Details</Link>
+                        </Table.Td>
                     </Table.Tr>
                 ))}
                 </Table.Tbody>