Add event for interacting with the menu bar

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Header/MenuBar/MenuBar.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import { vscode } from 'app/vscode';
 import './titlebar.css';
+import track from '@codesandbox/common/lib/utils/analytics';
 
 export const MenuBar = () => {
   const menuBarEl = useRef(null);
@@ -21,13 +22,17 @@ export const MenuBar = () => {
 
   return (
     // Explicitly use inline styles here to override the vscode styles
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     <div
       style={{
         display: 'flex',
         alignItems: 'center',
         marginLeft: ' 0.5rem',
       }}
       className="part titlebar"
+      onClick={() => {
+        track('Editor - Click Menubar');
+      }}
     >
       <div
         style={{