fix: refine diff accordion header styles

Updated the diff accordion header to ensure proper sticky behavior and adjusted padding for better alignment and appearance during interactions.

Author: kentcdodds

packages/workshop-app/app/components/diff.tsx

@@ -437,8 +437,8 @@ export function DiffImplementation({
 													key={`${fileValue}:${index}`}
 													value={fileValue}
 												>
-													<Accordion.Header className="bg-background/95 hover:bg-background/90 supports-[backdrop-filter]:bg-background/80 supports-[backdrop-filter]:hover:bg-background/70 border-border/70 relative sticky top-0 z-10 flex w-full items-center gap-3 border-b px-4 py-2 backdrop-blur">
-														<Accordion.Trigger className="group flex min-w-0 flex-1 items-center justify-between gap-3 pr-38 text-left">
+													<Accordion.Header className="bg-background/95 hover:bg-background/90 supports-[backdrop-filter]:bg-background/80 supports-[backdrop-filter]:hover:bg-background/70 border-border/70 sticky top-0 z-10 flex w-full items-center gap-3 border-b backdrop-blur">
+														<Accordion.Trigger className="group flex min-w-0 flex-1 items-center justify-between gap-3 px-4 py-2 pr-38 text-left">
 															<span className="flex min-w-0 items-center gap-2 font-mono text-sm">
 																<Icon
 																	name={getDiffFileIcon(fileDiff)}