Update / Alert table filter selector formatted

ui/src/pages/alerts.tsx

@@ -2,6 +2,7 @@ import { useAlertDetails } from "@/components/alerts/details";
 import AlertLevel from "@/components/alerts/level";
 import ResourceTypeSelector from "@/components/resource-type-selector";
 import { alertLevelIntention } from "@/lib/color";
+import { fmtUpperCamelcase } from "@/lib/formatting";
 import { useRead } from "@/lib/hooks";
 import { UsableResource } from "@/resources";
 import ResourceLink from "@/resources/link";
@@ -114,7 +115,10 @@ export default function Alerts() {
               }
               setParams(p);
             }}
-            data={alertTypes}
+            data={alertTypes.map((value) => ({
+              value,
+              label: fmtUpperCamelcase(value),
+            }))}
             searchable
             clearable
           />

ui/src/pages/updates.tsx

@@ -1,7 +1,11 @@
 import ResourceTypeSelector from "@/components/resource-type-selector";
 import { useUpdateDetails } from "@/components/updates/details";
 import UserAvatar from "@/components/user-avatar";
-import { fmtDateWithMinutes, fmtOperation } from "@/lib/formatting";
+import {
+  fmtDateWithMinutes,
+  fmtOperation,
+  fmtUpperCamelcase,
+} from "@/lib/formatting";
 import { useRead, useSetTitle } from "@/lib/hooks";
 import { UsableResource } from "@/resources";
 import ResourceLink from "@/resources/link";
@@ -94,13 +98,12 @@ export default function Updates() {
               }
               setParams(p);
             }}
-            data={
-              type
-                ? OPERATIONS_BY_RESOURCE[type]
-                : Object.values(Types.Operation).filter(
-                    (o) => o !== Types.Operation.None,
-                  )
-            }
+            data={(type
+              ? OPERATIONS_BY_RESOURCE[type]
+              : Object.values(Types.Operation).filter(
+                  (o) => o !== Types.Operation.None,
+                )
+            ).map((value) => ({ value, label: fmtUpperCamelcase(value) }))}
             searchable
             clearable
           />
@@ -209,7 +212,9 @@ export default function Updates() {
             {
               header: "Operator",
               accessorKey: "operator",
-              cell: ({ row }) => <UserAvatar userId={row.original.operator} fz="md" />,
+              cell: ({ row }) => (
+                <UserAvatar userId={row.original.operator} fz="md" />
+              ),
             },
           ]}
           onRowClick={(row) => openDetails(row.id)}