List out house

view house detail

src/components/house/house-column.tsx

@@ -0,0 +1,47 @@
+import { m } from '@/paraglide/messages';
+import { formatters } from '@/utils/formatters';
+import { ColumnDef } from '@tanstack/react-table';
+import ViewDetailHouse from './view-detail-dialog';
+
+export const houseColumns: ColumnDef<OrganizationWithMembers>[] = [
+  {
+    accessorKey: 'name',
+    header: m.houses_page_ui_table_header_name(),
+    meta: {
+      thClass: 'w-1/6',
+    },
+  },
+  {
+    accessorKey: 'members',
+    header: m.houses_page_ui_table_header_members(),
+    meta: {
+      thClass: 'w-1/6',
+    },
+    cell: ({ row }) => {
+      return row.original.members.length;
+    },
+  },
+  {
+    accessorKey: 'createdAt',
+    header: m.houses_page_ui_table_header_created_at(),
+    meta: {
+      thClass: 'w-1/6',
+    },
+    cell: ({ row }) => {
+      return formatters.dateTime(new Date(row.original.createdAt));
+    },
+  },
+  {
+    id: 'actions',
+    meta: {
+      thClass: 'w-1/6',
+    },
+    cell: ({ row }) => {
+      return (
+        <div className="flex justify-end">
+          <ViewDetailHouse data={row.original} />
+        </div>
+      );
+    },
+  },
+];