Add Lighting component and integrate with navigation and routing

- Introduced Lighting component
- Updated AppLayout to include Lighting in the child components.
- Added Lighting route to navigation with authentication requirement.

src/components/AppLayout.jsx

@@ -1,5 +1,6 @@
 import React, { Suspense, lazy } from 'react';
 import Memes from './Memes.jsx';
+import Lighting from './Lighting.jsx';
 import { toast } from 'react-toastify';
 import { JoyUIRootIsland } from './Components.jsx';
 import { PrimeReactProvider } from "primereact/api";
@@ -39,6 +40,7 @@ export default function Root({ child, user = undefined }) {
         {child == "Memes" && <Memes client:only="react" />}
         {child == "qs2.MediaRequestForm" && <MediaRequestForm client:only="react" />}
         {child == "qs2.RequestManagement" && <RequestManagement client:only="react" />}
+        {child == "Lighting" && <Lighting client:only="react" />}
       </JoyUIRootIsland>
     </PrimeReactProvider>
   );