update all page to refresh immidiately without clicking sync button or refreshing the whole page

services/apiClient.ts

@@ -191,6 +191,7 @@ export const api = {
   cycles: {
     list: async (query?: CycleFilter) =>
       unwrapList(await get<Paginated<Cycle> | Cycle[]>('/cycles/', query)),
+    retrieve: (id: number) => get<Cycle>(`/cycles/${id}/`),
     create: (body: CycleWrite) => post<Cycle>('/cycles/', body),
     update: (id: number, body: Partial<CycleWrite>) => patch<Cycle>(`/cycles/${id}/`, body),
     remove: (id: number) => del(`/cycles/${id}/`),