refactor: enhance alert components with shadow and backdrop blur effects for improved visual consistency

Author: jakejarvis

components/domain/headers/headers-section.tsx

@@ -48,7 +48,7 @@ export function HeadersSection({
       {headers && headers.length > 0 ? (
         <div className="space-y-4">
           {status !== 200 && (
-            <Alert>
+            <Alert className="border-black/10 bg-background/40 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] backdrop-blur supports-[backdrop-filter]:bg-background/40 dark:border-white/10">
               <Info aria-hidden="true" />
               <AlertDescription>
                 <p className="inline-flex items-center gap-1 text-[13px]">

components/domain/registration/registration-section.tsx

@@ -100,7 +100,7 @@ export function RegistrationSection({
   return (
     <Section {...sections.registration}>
       {isWhoisUnavailable ? (
-        <div className="flex items-start gap-3 rounded-lg border border-warning-border bg-warning-border/10 p-4 text-sm">
+        <div className="flex items-start gap-3 rounded-lg border border-warning-border bg-warning-border/10 p-4 text-sm shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] backdrop-blur supports-[backdrop-filter]:bg-warning-border/10">
           <AlertCircle className="mt-0.5 size-4 flex-shrink-0 text-yellow-800 dark:text-yellow-200" />
           <div className="space-y-1">
             <p className="font-medium text-yellow-800 dark:text-yellow-200">

components/domain/seo/redirected-alert.tsx

@@ -20,7 +20,10 @@ export function RedirectedAlert({
     const src = domain.replace(/^www\./i, "").toLowerCase();
     if (dest === src) return null;
     return (
-      <Alert {...props}>
+      <Alert
+        {...props}
+        className="border-black/10 bg-background/40 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] backdrop-blur supports-[backdrop-filter]:bg-background/40 dark:border-white/10"
+      >
         <Milestone aria-hidden="true" />
         <AlertDescription>
           <p className="inline-flex items-center gap-1 text-[13px]">