migrate to app dir and ssr

apps/web/src/hooks/useEventNames.ts

@@ -0,0 +1,12 @@
+import { api } from '@/app/_trpc/client';
+
+export function useEventNames(projectId: string) {
+  const filterEventsQuery = api.chart.events.useQuery({
+    projectId: projectId,
+  });
+
+  return (filterEventsQuery.data ?? []).map((item) => ({
+    value: item.name,
+    label: item.name,
+  }));
+}