Linkify search results (#11719)

* Linkify search results

- Closes https://github.com/inventree/InvenTree/issues/11717

* Divide search results

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

@@ -7,6 +7,7 @@ import {
   Anchor,
   Center,
   Checkbox,
+  Divider,
   Drawer,
   Group,
   Loader,
@@ -38,7 +39,11 @@ import { ModelType } from '@lib/enums/ModelType';
 import { UserRoles } from '@lib/enums/Roles';
 import { apiUrl } from '@lib/functions/Api';
 import { cancelEvent } from '@lib/functions/Events';
-import { eventModified, navigateToLink } from '@lib/functions/Navigation';
+import {
+  eventModified,
+  getDetailUrl,
+  navigateToLink
+} from '@lib/functions/Navigation';
 import { showNotification } from '@mantine/notifications';
 import { api } from '../../App';
 import { useUserSettingsState } from '../../states/SettingsStates';
@@ -158,17 +163,28 @@ function QueryResultGroup({
         </Group>
       </Accordion.Control>
       <Accordion.Panel>
-        <Stack aria-label={`search-group-results-${query.model}`}>
-          {query.results.results.map((result: any) => (
-            <Anchor
-              underline='never'
-              onClick={(event: any) =>
-                onResultClick(query.model, result.pk, event)
-              }
-              key={`result-${query.model}-${result.pk}`}
-            >
-              <RenderInstance instance={result} model={query.model} />
-            </Anchor>
+        <Stack gap={'xs'} aria-label={`search-group-results-${query.model}`}>
+          {query.results.results.map((result: any, index: number) => (
+            <>
+              <Anchor
+                underline='never'
+                href={getDetailUrl(query.model, result.pk, true)}
+                onClick={(event: any) =>
+                  onResultClick(query.model, result.pk, event)
+                }
+                key={`result-${query.model}-${result.pk}`}
+              >
+                <RenderInstance instance={result} model={query.model} />
+              </Anchor>
+              {index < query.results.results.length - 1 && (
+                <Divider
+                  p={0}
+                  m={0}
+                  variant='dashed'
+                  key={`divider-${query.model}-${result.pk}`}
+                />
+              )}
+            </>
           ))}
         </Stack>
       </Accordion.Panel>