Map SystraceSection to Perfetto instrumentation if the latter is enabled

Summary:
## Changelog:
[Internal] - 

We have a good portion of RN core code already instrumented with `SystraceSection` blocks, and those do the timing via fbsystrace, which may or may not be enabled in the system and generally is obsolete.

This maps the blocks to the corresponding Perfetto instrumentation, in case the latter is enabled, which will allow to get this information in Perfetto sessions without need to have fbsystrace present.

Differential Revision: D67619443

packages/react-native/ReactCommon/cxxreact/SystraceSection.h

@@ -11,6 +11,11 @@
 #include <fbsystrace.h>
 #endif
 
+#ifdef WITH_PERFETTO
+#include <perfetto.h>
+#include <reactperflogger/ReactPerfettoCategories.h>
+#endif
+
 #if defined(__APPLE__)
 // This is required so that OS_LOG_TARGET_HAS_10_15_FEATURES will be set.
 #include <os/trace_base.h>
@@ -51,12 +56,37 @@ struct ConcreteSystraceSection {
   explicit ConcreteSystraceSection(
       const char* name,
       ConvertsToStringPiece&&... args)
-      : m_section(TRACE_TAG_REACT_CXX_BRIDGE, name, args...) {}
+      : m_section(TRACE_TAG_REACT_CXX_BRIDGE, name, args...) {
+#ifdef WITH_PERFETTO
+    TRACE_EVENT_BEGIN("react-native", perfetto::DynamicString{name}, args...);
+#endif
+  }
+
+  ~ConcreteSystraceSection() {
+#ifdef WITH_PERFETTO
+    TRACE_EVENT_END("react-native");
+#endif
+  }
 
  private:
   fbsystrace::FbSystraceSection m_section;
 };
 using SystraceSectionUnwrapped = ConcreteSystraceSection;
+#elif defined(WITH_PERFETTO)
+struct PerfettoSystraceSection {
+ public:
+  template <typename... ConvertsToStringPiece>
+  explicit PerfettoSystraceSection(
+      const __unused char* name,
+      __unused ConvertsToStringPiece&&... args) {
+    TRACE_EVENT_BEGIN("react-native", perfetto::DynamicString{name}, args...);
+  }
+
+  ~ConcreteSystraceSection() {
+    TRACE_EVENT_END("react-native");
+  }
+};
+using SystraceSectionUnwrapped = PerfettoSystraceSection;
 #else
 struct DummySystraceSection {
  public: