Merge pull request #4 from giuliohome-org/main

Fix Github Actions Linting error

src/app/reporting/layout.tsx

@@ -1,20 +1,20 @@
 import { ProtectedPage } from "@/features/auth/protected-page";
-import { MainMenu } from "@/features/menu/menu";
+import { RptContext } from "./rpt-context";
 import { AI_NAME } from "@/features/theme/customise";
 
 export const metadata = {
   title: AI_NAME,
   description: AI_NAME,
 };
 
-export default async function RootLayout({
+export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
     <ProtectedPage>
-      <MainMenu />
+      <RptContext/>
       <div className="flex-1">{children}</div>
     </ProtectedPage>
   );

src/app/reporting/rpt-context.tsx

@@ -0,0 +1,12 @@
+'use client'
+
+import { useState } from 'react';
+
+import { MainMenu } from "@/features/menu/menu";
+
+export const RptContext = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (
+        <MainMenu isOpen={isOpen} setIsOpen={setIsOpen} />
+    )
+}