style(ui): fix borders in dark mode

Author: steveoh

src/components/BackupItem.tsx

@@ -9,7 +9,7 @@ export const BackupItem = ({
   select: (moonlight: MoonlightBackup) => void;
 }) => {
   return (
-    <div className="grid grid-flow-col grid-cols-[repeat(2,_minmax(0,_1fr)),min-content] gap-x-4 rounded border px-2 py-1">
+    <div className="grid grid-flow-col grid-cols-[repeat(2,_minmax(0,_1fr)),min-content] gap-x-4 rounded border border-zinc-200 p-3 px-2 py-1 dark:border-zinc-700">
       <span className="self-center">{moonlight.name}</span>
       <span className="self-center">{new Date(moonlight.lastBackup).toLocaleString()}</span>
       <Button variant="secondary" onPress={() => select(moonlight)}>