web: added the base for the web project

apps/web/src/components/projects/table.tsx

@@ -0,0 +1,26 @@
+import { formatDate } from "@/utils/date";
+import { type ColumnDef } from "@tanstack/react-table";
+import { type Project as IProject } from "@prisma/client";
+import { ProjectActions } from "./ProjectActions";
+
+export type Project = IProject;
+
+export const columns: ColumnDef<Project>[] = [
+  {
+    accessorKey: "name",
+    header: "Name",
+  },
+  {
+    accessorKey: "createdAt",
+    header: "Created at",
+    cell({ row }) {
+      const date = row.original.createdAt;
+      return <div>{formatDate(date)}</div>;
+    },
+  },
+  {
+    id: "actions",
+    header: "Actions",
+    cell: ({ row }) => <ProjectActions {...row.original} />,
+  },
+];