export default function NotFound()

in webui/src/app/not-found.tsx [29:71]
38 lines of code
1 McCabe index (conditional complexity)

export default function NotFound() {
    const router = useRouter();

    return (
        <div className="flex min-h-[calc(100vh-64px)] items-center justify-center">
            <Box className="max-w-lg p-8 text-center">
                <ErrorOutlineIcon sx={{ fontSize: 80 }} className="mb-4 text-error" />

                <Typography
                    variant="h3"
                    className="mb-2 font-bold text-gray-900 dark:text-gray-100"
                >
                    Page Not Found
                </Typography>

                <Typography variant="body1" className="mb-8 text-gray-600 dark:text-gray-300">
                    We couldn&apos;t find the page you&apos;re looking for. It might have been
                    moved, deleted, or never existed.
                </Typography>

                <div className="flex flex-wrap justify-center gap-4">
                    <Button
                        variant="contained"
                        color="primary"
                        startIcon={<HomeIcon />}
                        component={Link}
                        href="/"
                    >
                        Go to Home
                    </Button>

                    <Button
                        variant="outlined"
                        startIcon={<ArrowBackIcon />}
                        onClick={() => router.back()}
                    >
                        Go Back
                    </Button>
                </div>
            </Box>
        </div>
    );
}