prevent switching to first page on data update and truncate long repo names in repo list

packages/web/src/app/[domain]/repos/columns.tsx

@@ -134,7 +134,7 @@ export const columns = (domain: string): ColumnDef<RepositoryColumnInfo>[] => [
                                 }
                             }}
                         >
-                            {repo.name}
+                            {repo.name.length > 40 ? `${repo.name.slice(0, 40)}...` : repo.name}
                         </span>
                         {isRemoteRepo && <ExternalLink className="h-3.5 w-3.5 text-muted-foreground" />}
                     </div>

packages/web/src/app/[domain]/repos/repositoryTable.tsx

@@ -13,6 +13,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 
 export const RepositoryTable = () => {
     const domain = useDomain();
+
     const { data: repos, isLoading: reposLoading, error: reposError } = useQuery({
         queryKey: ['repos', domain],
         queryFn: async () => {

packages/web/src/components/ui/data-table.tsx

@@ -51,6 +51,7 @@ export function DataTable<TData, TValue>({
         getSortedRowModel: getSortedRowModel(),
         onColumnFiltersChange: setColumnFilters,
         getFilteredRowModel: getFilteredRowModel(),
+        autoResetPageIndex: false,
         state: {
             sorting,
             columnFilters,