import { Head, usePage } from '@inertiajs/react'; import { Server } from '@/types/server'; import Container from '@/components/container'; import HeaderContainer from '@/components/header-container'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { PlusIcon } from 'lucide-react'; import { DataTable } from '@/components/data-table'; import { columns } from '@/pages/scripts/components/columns'; import { PaginatedData } from '@/types'; import { Script } from '@/types/script'; import { Site } from '@/types/site'; import Layout from '@/layouts/app/layout'; import ScriptForm from '@/pages/scripts/components/form'; export default function Scripts() { const page = usePage<{ server: Server; site: Site; scripts: PaginatedData