added graphql entegration and tested tanstack query

frontend/components/dashboard/app-sidebar.tsx

@@ -19,10 +19,10 @@ import {
     IconUsers,
 } from "@tabler/icons-react"
 
-import { NavMain } from "@/frontend/components/dashboard/nav-main"
-import { NavSecondary } from "@/frontend/components/dashboard/nav-secondary"
-import { NavUser } from "@/frontend/components/dashboard/nav-user"
-import { NavDocuments } from "@/frontend/components/dashboard/nav-documents"
+import { NavMain } from "@/components/dashboard/nav-main"
+import { NavSecondary } from "@/components/dashboard/nav-secondary"
+import { NavUser } from "@/components/dashboard/nav-user"
+import { NavDocuments } from "@/components/dashboard/nav-documents"
 
 import {
     Sidebar,
@@ -32,7 +32,7 @@ import {
     SidebarMenu,
     SidebarMenuButton,
     SidebarMenuItem,
-} from "@/frontend/components/ui/sidebar"
+} from "@/components/ui/sidebar"
 
 const data = {
     user: {

frontend/components/dashboard/chart-area-interactive.tsx

@@ -11,24 +11,24 @@ import {
     CardDescription,
     CardHeader,
     CardTitle,
-} from "@/frontend/components/ui/card"
+} from "@/components/ui/card"
 import {
     ChartConfig,
     ChartContainer,
     ChartTooltip,
     ChartTooltipContent,
-} from "@/frontend/components/ui/chart"
+} from "@/components/ui/chart"
 import {
     Select,
     SelectContent,
     SelectItem,
     SelectTrigger,
     SelectValue,
-} from "@/frontend/components/ui/select"
+} from "@/components/ui/select"
 import {
     ToggleGroup,
     ToggleGroupItem,
-} from "@/frontend/components/ui/toggle-group"
+} from "@/components/ui/toggle-group"
 
 export const description = "An interactive area chart"
 

frontend/components/dashboard/data-table.tsx

@@ -54,15 +54,15 @@ import { toast } from "sonner"
 import { z } from "zod"
 
 import { useIsMobile } from "@/hooks/use-mobile"
-import { Badge } from "@/frontend/components/ui/badge"
-import { Button } from "@/frontend/components/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import {
     ChartConfig,
     ChartContainer,
     ChartTooltip,
     ChartTooltipContent,
-} from "@/frontend/components/ui/chart"
-import { Checkbox } from "@/frontend/components/ui/checkbox"
+} from "@/components/ui/chart"
+import { Checkbox } from "@/components/ui/checkbox"
 import {
     Drawer,
     DrawerClose,
@@ -72,7 +72,7 @@ import {
     DrawerHeader,
     DrawerTitle,
     DrawerTrigger,
-} from "@/frontend/components/ui/drawer"
+} from "@/components/ui/drawer"
 import {
     DropdownMenu,
     DropdownMenuCheckboxItem,
@@ -80,17 +80,17 @@ import {
     DropdownMenuItem,
     DropdownMenuSeparator,
     DropdownMenuTrigger,
-} from "@/frontend/components/ui/dropdown-menu"
-import { Input } from "@/frontend/components/ui/input"
-import { Label } from "@/frontend/components/ui/label"
+} from "@/components/ui/dropdown-menu"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
 import {
     Select,
     SelectContent,
     SelectItem,
     SelectTrigger,
     SelectValue,
-} from "@/frontend/components/ui/select"
-import { Separator } from "@/frontend/components/ui/separator"
+} from "@/components/ui/select"
+import { Separator } from "@/components/ui/separator"
 import {
     Table,
     TableBody,
@@ -98,13 +98,13 @@ import {
     TableHead,
     TableHeader,
     TableRow,
-} from "@/frontend/components/ui/table"
+} from "@/components/ui/table"
 import {
     Tabs,
     TabsContent,
     TabsList,
     TabsTrigger,
-} from "@/frontend/components/ui/tabs"
+} from "@/components/ui/tabs"
 
 export const schema = z.object({
     id: z.number(),

frontend/components/dashboard/nav-documents.tsx

@@ -14,7 +14,7 @@ import {
     DropdownMenuItem,
     DropdownMenuSeparator,
     DropdownMenuTrigger,
-} from "@/frontend/components/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import {
     SidebarGroup,
     SidebarGroupLabel,
@@ -23,7 +23,7 @@ import {
     SidebarMenuButton,
     SidebarMenuItem,
     useSidebar,
-} from "@/frontend/components/ui/sidebar"
+} from "@/components/ui/sidebar"
 
 export function NavDocuments({
     items,

frontend/components/dashboard/nav-main.tsx

@@ -2,14 +2,14 @@
 
 import { IconCirclePlusFilled, IconMail, type Icon } from "@tabler/icons-react"
 
-import { Button } from "@/frontend/components/ui/button"
+import { Button } from "@/components/ui/button"
 import {
     SidebarGroup,
     SidebarGroupContent,
     SidebarMenu,
     SidebarMenuButton,
     SidebarMenuItem,
-} from "@/frontend/components/ui/sidebar"
+} from "@/components/ui/sidebar"
 
 export function NavMain({
     items,

frontend/components/dashboard/nav-secondary.tsx

@@ -9,7 +9,7 @@ import {
     SidebarMenu,
     SidebarMenuButton,
     SidebarMenuItem,
-} from "@/frontend/components/ui/sidebar"
+} from "@/components/ui/sidebar"
 
 export function NavSecondary({
     items,

frontend/components/dashboard/nav-user.tsx

@@ -12,7 +12,7 @@ import {
     Avatar,
     AvatarFallback,
     AvatarImage,
-} from "@/frontend/components/ui/avatar"
+} from "@/components/ui/avatar"
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -21,13 +21,13 @@ import {
     DropdownMenuLabel,
     DropdownMenuSeparator,
     DropdownMenuTrigger,
-} from "@/frontend/components/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import {
     SidebarMenu,
     SidebarMenuButton,
     SidebarMenuItem,
     useSidebar,
-} from "@/frontend/components/ui/sidebar"
+} from "@/components/ui/sidebar"
 
 export function NavUser({
     user,

frontend/components/dashboard/section-cards.tsx

@@ -1,6 +1,6 @@
 import { IconTrendingDown, IconTrendingUp } from "@tabler/icons-react"
 
-import { Badge } from "@/frontend/components/ui/badge"
+import { Badge } from "@/components/ui/badge"
 import {
     Card,
     CardAction,
@@ -8,7 +8,7 @@ import {
     CardFooter,
     CardHeader,
     CardTitle,
-} from "@/frontend/components/ui/card"
+} from "@/components/ui/card"
 
 export function SectionCards() {
     return (

frontend/components/dashboard/site-header.tsx

@@ -1,6 +1,6 @@
-import { Button } from "@/frontend/components/ui/button"
-import { Separator } from "@/frontend/components/ui/separator"
-import { SidebarTrigger } from "@/frontend/components/ui/sidebar"
+import { Button } from "@/components/ui/button"
+import { Separator } from "@/components/ui/separator"
+import { SidebarTrigger } from "@/components/ui/sidebar"
 
 export function SiteHeader() {
     return (

frontend/components/ui/sidebar.tsx

@@ -7,23 +7,23 @@ import { PanelLeftIcon } from "lucide-react"
 
 import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"
-import { Button } from "@/frontend/components/ui/button"
-import { Input } from "@/frontend/components/ui/input"
-import { Separator } from "@/frontend/components/ui/separator"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/frontend/components/ui/sheet"
-import { Skeleton } from "@/frontend/components/ui/skeleton"
+} from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/frontend/components/ui/tooltip"
+} from "@/components/ui/tooltip"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7

frontend/components/ui/toggle-group.tsx

@@ -5,7 +5,7 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
 import { type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
-import { toggleVariants } from "@/frontend/components/ui/toggle"
+import { toggleVariants } from "@/components/ui/toggle"
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants> & {