better admin page/list link

src/components/list-link.tsx

@@ -1,4 +1,4 @@
-import { NavLink, Text } from "@mantine/core";
+import { Divider, NavLink, Text } from "@mantine/core";
 import { CaretRightIcon, Icon } from "@phosphor-icons/react";
 import { Link, useNavigate } from "@tanstack/react-router";
 
@@ -12,15 +12,18 @@ const ListLink = ({ label, to, Icon }: ListLinkProps) => {
   const navigate = useNavigate();
 
   return (
-    <NavLink
-      w='100%'
-      p='md'
-      component={'button'}
-      onClick={() => navigate({ to })}
-      label={<Text fw={500} size='md'>{label}</Text>}
-      leftSection={<Icon weight='bold' size={20} />}
-      rightSection={<CaretRightIcon size={20} />}
-    />
+    <>
+      <NavLink
+        w='100%'
+        p='md'
+        component={'button'}
+        onClick={() => navigate({ to })}
+        label={<Text fw={500} size='md'>{label}</Text>}
+        leftSection={<Icon weight='bold' size={20} />}
+        rightSection={<CaretRightIcon size={20} />}
+      />
+      <Divider />
+    </>
   )
 }