feat: add department column to policies table (#1499)

- Introduced a new column for 'Department' in the policies table, enhancing data representation.
- Utilized the Badge component for improved visual styling of department names.

This addition improves the clarity and usability of the policies table for users.

Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>

Author: carhartlewis

apps/app/src/app/(app)/[orgId]/policies/all/components/policies-table-columns.tsx

@@ -3,6 +3,7 @@
 import { DataTableColumnHeader } from '@/components/data-table/data-table-column-header';
 import { StatusIndicator } from '@/components/status-indicator';
 import { formatDate } from '@/lib/format';
+import { Badge } from '@comp/ui/badge';
 import { Policy } from '@db';
 import { ColumnDef } from '@tanstack/react-table';
 import { ExternalLink } from 'lucide-react';
@@ -53,6 +54,23 @@ export function getPolicyColumns(orgId: string): ColumnDef<Policy>[] {
         variant: 'select',
       },
     },
+    {
+      id: 'department',
+      accessorKey: 'department',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Department" />,
+      cell: ({ row }) => {
+        return (
+          <Badge variant="marketing" className="w-fit uppercase">
+            {row.original.department}
+          </Badge>
+        );
+      },
+      meta: {
+        label: 'Department',
+      },
+      enableColumnFilter: true,
+      enableSorting: true,
+    },
     {
       id: 'updatedAt',
       accessorKey: 'updatedAt',