Update dependency @oxide/design-system to v1.4.5 (#2199)

* Update dependency @oxide/design-system to v1.4.5

* fix servers icon imports

* fix inventory icon on system layout sidebar

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: David Crespo <david.crespo@oxidecomputer.com>

Author: renovate[bot]

app/layouts/SystemLayout.tsx

@@ -13,7 +13,7 @@ import {
   Cloud16Icon,
   Metrics16Icon,
   Networking16Icon,
-  Storage16Icon,
+  Servers16Icon,
 } from '@oxide/design-system/icons/react'
 
 import { trigger404 } from '~/components/ErrorBoundary'
@@ -109,7 +109,7 @@ export function SystemLayout() {
             <Metrics16Icon /> Utilization
           </NavLinkItem>
           <NavLinkItem to={pb.sledInventory()}>
-            <Storage16Icon /> Inventory
+            <Servers16Icon /> Inventory
           </NavLinkItem>
           <NavLinkItem to={pb.ipPools()}>
             <Networking16Icon /> IP Pools

app/pages/system/inventory/DisksTab.tsx

@@ -8,15 +8,15 @@
 import { createColumnHelper } from '@tanstack/react-table'
 
 import { apiQueryClient, type PhysicalDisk } from '@oxide/api'
-import { Racks24Icon } from '@oxide/design-system/icons/react'
+import { Servers24Icon } from '@oxide/design-system/icons/react'
 
 import { PAGE_SIZE, useQueryTable } from '~/table/QueryTable'
 import { Badge } from '~/ui/lib/Badge'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 
 const EmptyState = () => (
   <EmptyMessage
-    icon={<Racks24Icon />}
+    icon={<Servers24Icon />}
     title="Something went wrong"
     body="We expected some racks here, but none were found"
   />

app/pages/system/inventory/InventoryPage.tsx

@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 import { apiQueryClient, usePrefetchedApiQuery } from '@oxide/api'
-import { Racks24Icon } from '@oxide/design-system/icons/react'
+import { Servers24Icon } from '@oxide/design-system/icons/react'
 
 import { RouteTabs, Tab } from '~/components/RouteTabs'
 import { PAGE_SIZE } from '~/table/QueryTable'
@@ -27,7 +27,7 @@ export function InventoryPage() {
   return (
     <>
       <PageHeader>
-        <PageTitle icon={<Racks24Icon />}>Inventory</PageTitle>
+        <PageTitle icon={<Servers24Icon />}>Inventory</PageTitle>
       </PageHeader>
 
       <RouteTabs fullWidth>

app/pages/system/inventory/SledsTab.tsx

@@ -8,7 +8,7 @@
 import { createColumnHelper } from '@tanstack/react-table'
 
 import { apiQueryClient, type Sled } from '@oxide/api'
-import { Racks24Icon } from '@oxide/design-system/icons/react'
+import { Servers24Icon } from '@oxide/design-system/icons/react'
 
 import { makeLinkCell } from '~/table/cells/LinkCell'
 import { PAGE_SIZE, useQueryTable } from '~/table/QueryTable'
@@ -18,7 +18,7 @@ import { pb } from '~/util/path-builder'
 const EmptyState = () => {
   return (
     <EmptyMessage
-      icon={<Racks24Icon />}
+      icon={<Servers24Icon />}
       title="Something went wrong"
       body="We expected some racks here, but none were found"
     />

app/pages/system/inventory/sled/SledPage.tsx

@@ -9,7 +9,7 @@ import { filesize } from 'filesize'
 import type { LoaderFunctionArgs } from 'react-router-dom'
 
 import { apiQueryClient, usePrefetchedApiQuery } from '@oxide/api'
-import { Racks24Icon } from '@oxide/design-system/icons/react'
+import { Servers24Icon } from '@oxide/design-system/icons/react'
 
 import { RouteTabs, Tab } from '~/components/RouteTabs'
 import { requireSledParams, useSledParams } from '~/hooks'
@@ -34,7 +34,7 @@ export function SledPage() {
   return (
     <>
       <PageHeader>
-        <PageTitle icon={<Racks24Icon />}>Sled</PageTitle>
+        <PageTitle icon={<Servers24Icon />}>Sled</PageTitle>
       </PageHeader>
 
       <PropertiesTable.Group className="-mt-8 mb-16">