docs(status-banner): change close icon to LuX

Author: maiieul

apps/website/src/components/status-banner/status-banner.tsx

@@ -3,6 +3,7 @@ import { Badge } from '@qwik-ui/styled';
 import { cn } from '@qwik-ui/utils';
 import { ComponentStatus } from '~/_state/component-status.type';
 import { getVariantByStatus } from '../component-status-badge/component-status-badge';
+import { LuX } from '@qwikest/icons/lucide';
 
 export interface StatusBannerProps {
   status?: ComponentStatus;
@@ -98,28 +99,9 @@ export const StatusBanner = component$(({ status }: StatusBannerProps) => {
           }}
           class="absolute right-2 top-2 scale-150"
         >
-          <EpCircleCloseFilled />
+          <LuX class="size-3" />
         </button>
       </div>
     </>
   );
 });
-
-export function EpCircleCloseFilled() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="h-4 w-4"
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="m15 9-6 6" />
-      <path d="m9 9 6 6" />
-    </svg>
-  );
-}