task-b complate

src/app/dashboard/overview/@sales/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null;
+}

src/app/dashboard/overview/@sales/error.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { Icons } from '@/components/icons';
+
+export default function SalesError({ error }: { error: Error }) {
+  return (
+    <Alert variant='destructive'>
+      <Icons.alertCircle className='h-4 w-4' />
+      <AlertTitle>Error</AlertTitle>
+      <AlertDescription>Failed to load sales data: {error.message}</AlertDescription>
+    </Alert>
+  );
+}

src/app/dashboard/overview/@sales/loading.tsx

@@ -0,0 +1,6 @@
+import { RecentSalesSkeleton } from '@/features/overview/components/recent-sales-skeleton';
+import React from 'react';
+
+export default function Loading() {
+  return <RecentSalesSkeleton />;
+}

src/app/dashboard/overview/@sales/page.tsx

@@ -0,0 +1,7 @@
+import { delay } from '@/constants/mock-api';
+import { RecentSales } from '@/features/overview/components/recent-sales';
+
+export default async function Sales() {
+  await delay(3000);
+  return <RecentSales />;
+}