export async function Dashboard({ children }: { children: React.ReactNode }) {

  return (
  
          
              <CardContent>
                <div className="text-2xl font-bold"><CountAssets/></div>
                <a
                  href="/assets"
                  className="text-sm underline-offset-8 underline text-primary font-bold "
                >
                  View All
                </a>
              </CardContent>
            </Card>
            <Card x-chunk="dashboard-01-chunk-1">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className=" text-base font-bold">Licenses</CardTitle>
                <File className="h-4 w-4 text-muted-foreground" />
              </CardHeader>
              <div className="text-2xl font-bold pl-6">34</div>
              <a
                href="/license"
                className="pl-6 text-sm underline-offset-8 underline text-primary font-bold"
              >
                View All
              </a>
            </Card>
            <Card x-chunk="dashboard-01-chunk-2">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className=" text-base font-bold">
                  Accessories
                </CardTitle>
                <Keyboard className="h-4 w-4 text-muted-foreground" />
              </CardHeader>
              <div className="text-2xl font-bold pl-6">56</div>
              <a
                href="/accessories"
                className="pl-6 text-sm underline-offset-8 underline text-primary font-bold"

the problem is when i call the <CountAssets/> the Nav wont work. the CountAssets file is a code that just count assets in my database. i want to display the number of assets coming from my data base using a call function in all card and in the table or graphs.