[UI] Tweak unique keys (#12293)

- Reduce reliance on mutable idx

src/frontend/src/components/modals/AboutInvenTreeModal.tsx

@@ -65,8 +65,8 @@ const AboutContent = ({
   function fillTable(lookup: AboutLookupRef[], data: any, alwaysLink = false) {
     return lookup
       .filter((entry: AboutLookupRef) => !!data[entry.ref])
-      .map((entry: AboutLookupRef, idx) => (
-        <Table.Tr key={idx}>
+      .map((entry: AboutLookupRef) => (
+        <Table.Tr key={entry.ref}>
           <Table.Td>{entry.title}</Table.Td>
           <Table.Td>
             <Group justify='space-between' gap='xs'>

src/frontend/src/components/nav/SearchDrawer.tsx

@@ -564,9 +564,9 @@ export function SearchDrawer({
               multiple
               defaultValue={searchQueries.map((q) => q.model)}
             >
-              {queryResults.map((query, idx) => (
+              {queryResults.map((query) => (
                 <QueryResultGroup
-                  key={idx}
+                  key={query.model}
                   searchText={searchText}
                   query={query}
                   navigate={navigate}