create a dashboard with sidebar content using shadcn components
sidebar closing opening
implement dark light and system
commands
and then a dashboard
with sidebar content as plagarism checker and fake data detection

pdf link providers or upload pdf using tab
now implement submit button
with api route as {
"pdf_url": "https://files.eric.ed.gov/fulltext/EJ1172284.pdf",
"check_online_sources": true,
"num_papers": 5,
"thresholds": {
"semantic": 0.85,
"ngram": 0.4,
"fuzzy": 0.7
}
}

that pdf_url should be from user given

after that till it loads and response is generated use skeleton shadcn component

import { Skeleton } from "@/components/ui/skeleton"

export function SkeletonCard() {
return (
<div className="flex flex-col space-y-3">
<Skeleton className="h-[125px] w-[250px] rounded-xl" />
<div className="space-y-2">
<Skeleton className="h-4 w-[250px]" />
<Skeleton className="h-4 w-[200px]" />
</div>
</div>
)
}

and I need a complete analyses of stuff
this is the json of response

I need charts graphs from shadcn to view the metric
First overall score metric should be highlighted
circled charts for representing numerical values

and a source component should have
paper title link is a button component link right arrow in top
source
author as card component
this should be a seperate section
for now let fake data contents be empty