Changed route ids to be more explicit.

src/app/(main)/reports/[reportId]/ReportMenu.tsx

@@ -0,0 +1,15 @@
+import styles from './ReportMenu.module.css';
+import { useContext } from 'react';
+import { ReportContext } from './Report';
+
+export function ReportMenu({ children }) {
+  const { report } = useContext(ReportContext);
+
+  if (!report) {
+    return null;
+  }
+
+  return <div className={styles.menu}>{children}</div>;
+}
+
+export default ReportMenu;