cleaned up ui and code

barkmanui/src/App.tsx

@@ -1,7 +1,7 @@
-import { Routes, Route} from 'react-router';
+import {Routes, Route} from 'react-router';
 import Home from './pages/home.tsx';
 import InventoryList from "./features/inventory/InventoryList.tsx";
-import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import {QueryClientProvider, QueryClient} from '@tanstack/react-query';
 import {createTheme, MantineProvider} from '@mantine/core';
 import '@mantine/core/styles.css';
 import ItemDetail from "./features/inventory/ItemDetail.tsx";
@@ -12,39 +12,38 @@ import {BarkHeader} from "./common/components/BarkHeader.tsx";
 const queryClient = new QueryClient()
 
 const barkTheme = createTheme({
-  primaryColor: 'red',
-  colors: {
-    'red': [
-      "#ffe8e8",
-      "#ffcfd0",
-      "#fd9d9d",
-      "#fb6868",
-      "#fa3c3b",
-      "#f9211e",
-      "#fa120f",
-      "#df0404",
-      "#c70002",
-      "#ae0000"
-    ],
-  },
+    primaryColor: 'red',
+    colors: {
+        'red': [
+            "#ffe8e8",
+            "#ffcfd0",
+            "#fd9d9d",
+            "#fb6868",
+            "#fa3c3b",
+            "#f9211e",
+            "#fa120f",
+            "#df0404",
+            "#c70002",
+            "#ae0000"
+        ],
+    },
 
 });
 
 function App() {
-  return <MantineProvider defaultColorScheme="auto" theme={barkTheme}>{ (
-      <QueryClientProvider client={queryClient}>
-    <>
-        <BarkHeader></BarkHeader>
-        <Routes>
-            <Route index element={<Home />} />
-            <Route path="inventory" element={<InventoryList />} />
-            <Route path="itemDetail/:itemId" element={<ItemDetail />} />
-            <Route path="editItem/:itemId" element={<EditItem />} />
-        </Routes>
-
-    </>
-      </QueryClientProvider>
-  ) }</MantineProvider>;
+    return <MantineProvider defaultColorScheme="auto" theme={barkTheme}>{(
+        <QueryClientProvider client={queryClient}>
+            <>
+                <BarkHeader></BarkHeader>
+                <Routes>
+                    <Route index element={<Home/>}/>
+                    <Route path="inventory" element={<InventoryList/>}/>
+                    <Route path="itemDetail/:itemId" element={<ItemDetail/>}/>
+                    <Route path="editItem/:itemId" element={<EditItem/>}/>
+                </Routes>
+            </>
+        </QueryClientProvider>
+    )}</MantineProvider>;
 }
 
 export default App