fix: simply billing

apps/start/src/routes/_app.$organizationId.$projectId.profiles._tabs.anonymous.tsx

@@ -0,0 +1,45 @@
+import { ProfilesTable } from '@/components/profiles/table';
+import { useDataTablePagination } from '@/components/ui/data-table/data-table-hooks';
+import { useSearchQueryState } from '@/hooks/use-search-query-state';
+import { useTRPC } from '@/integrations/trpc/react';
+import { PAGE_TITLES, createEntityTitle } from '@/utils/title';
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute(
+  '/_app/$organizationId/$projectId/profiles/_tabs/anonymous',
+)({
+  component: Component,
+  head: () => {
+    return {
+      meta: [
+        {
+          title: createEntityTitle('Anonymous', PAGE_TITLES.PROFILES),
+        },
+      ],
+    };
+  },
+});
+
+function Component() {
+  const { projectId } = Route.useParams();
+  const trpc = useTRPC();
+  const { page } = useDataTablePagination();
+  const { debouncedSearch } = useSearchQueryState();
+  const query = useQuery(
+    trpc.profile.list.queryOptions(
+      {
+        cursor: (page - 1) * 50,
+        projectId,
+        take: 50,
+        search: debouncedSearch,
+        isExternal: false,
+      },
+      {
+        placeholderData: keepPreviousData,
+      },
+    ),
+  );
+
+  return <ProfilesTable query={query} type="profiles" />;
+}