Fix audit logs UI rendering

frontend/src/hooks/api/auditLogs/types.tsx

@@ -10,6 +10,11 @@ interface ServiceActorMetadata {
   name: string;
 }
 
+interface MachineActorMetadata {
+  machineId: string;
+  name: string;
+}
+
 interface UserActor {
   type: ActorType.USER;
   metadata: UserActorMetadata;
@@ -22,7 +27,7 @@ export interface ServiceActor {
 
 export interface MachineActor {
   type: ActorType.MACHINE;
-  metadata: ServiceActorMetadata;
+  metadata: MachineActorMetadata;
 }
 
 export type Actor = UserActor | ServiceActor | MachineActor;

frontend/src/views/Project/AuditLogsPage/components/LogsFilter.tsx

@@ -53,8 +53,8 @@ export const LogsFilter = ({ control, reset }: Props) => {
       case ActorType.MACHINE:
         return (
           <SelectItem
-            value={`${actor.type}-${actor.metadata.serviceId}`}
-            key={`machine-filter-${actor.metadata.serviceId}`}
+            value={`${actor.type}-${actor.metadata.machineId}`}
+            key={`machine-filter-${actor.metadata.machineId}`}
           >
             {actor.metadata.name}
           </SelectItem>

frontend/src/views/Project/AuditLogsPage/components/LogsTable.tsx

@@ -31,6 +31,7 @@ const AUDIT_LOG_LIMIT = 15;
 
 export const LogsTable = ({ eventType, userAgentType, actor, startDate, endDate }: Props) => {
   const { currentWorkspace } = useWorkspace();
+
   const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } = useGetAuditLogs(
     currentWorkspace?._id ?? "",
     {