Clean and re-organize post table refactoring (#1000)

* Clean and re-organize post table refactoring

* Fix tests

front/src/modules/ui/utilities/debug/components/TimingProfiler.tsx

@@ -0,0 +1,42 @@
+import { Profiler } from 'react';
+import { Interaction } from 'scheduler/tracing';
+
+type OwnProps = {
+  id: string;
+  children: React.ReactNode;
+};
+
+export function TimingProfiler({ id, children }: OwnProps) {
+  function handleRender(
+    id: string,
+    phase: 'mount' | 'update',
+    actualDuration: number,
+    baseDuration: number,
+    startTime: number,
+    commitTime: number,
+    interactions: Set<Interaction>,
+  ) {
+    console.debug(
+      'TimingProfiler',
+      JSON.stringify(
+        {
+          id,
+          phase,
+          actualDuration,
+          baseDuration,
+          startTime,
+          commitTime,
+          interactions,
+        },
+        null,
+        2,
+      ),
+    );
+  }
+
+  return (
+    <Profiler id={id} onRender={handleRender}>
+      {children}
+    </Profiler>
+  );
+}