refactor: refactor graphql

apps/webui/src/components/layout/app-sidebar.tsx

@@ -1,3 +1,4 @@
+import { AppNavMainData } from '@/app/config/nav';
 import {
   Sidebar,
   SidebarContent,
@@ -5,7 +6,6 @@ import {
   SidebarHeader,
   SidebarRail,
 } from '@/components/ui/sidebar';
-import { AppNavMainData } from '@/infra/routes/nav';
 import type { ComponentPropsWithoutRef } from 'react';
 import { AppIcon } from './app-icon';
 import { NavMain } from './nav-main';

apps/webui/src/components/layout/nav-main.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChevronRight, type LucideIcon } from 'lucide-react';
+import { ChevronRight } from 'lucide-react';
 
 import {
   Collapsible,
@@ -26,20 +26,9 @@ import {
   SidebarMenuSubItem,
   useSidebar,
 } from '@/components/ui/sidebar';
+import type { NavMainGroup, NavMainItem } from '@/infra/routes/nav';
 import { useMatches } from '@tanstack/react-router';
 
-export interface NavMainItem {
-  link?: ProLinkProps;
-  title: string;
-  icon?: LucideIcon;
-  children?: { title: string; link: ProLinkProps }[];
-}
-
-export interface NavMainGroup {
-  group: string;
-  items: NavMainItem[];
-}
-
 export function NavMain({
   groups,
 }: {

apps/webui/src/components/ui/data-table-pagination.tsx

@@ -14,7 +14,6 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { useMemo } from "react";
 
 interface DataTablePaginationProps<TData> {
   table: Table<TData>;