refactor: layout.js and CanvasLayout.jsx

- Add SessionProvider to layout.js to handle user session
- Import SessionContext and useContext in CanvasLayout.jsx to access session data
- Remove unnecessary comments and console.log statements

src/app/SessionProvider.js

@@ -0,0 +1,12 @@
+'use client'
+
+import { createContext, useState } from 'react'
+
+export const SessionContext = createContext({
+  session: {},
+})
+
+export default function SessionProvider({ useSession, children }) {
+  const [session, setSession] = useState(useSession)
+  return <SessionContext.Provider value={{ session }}>{children}</SessionContext.Provider>
+}

src/app/layout.js

@@ -15,6 +15,7 @@ import './globals.css'
 import '../styles/style.scss'
 import '../styles/contents.scss'
 import Dimmed from '@/components/ui/Dimmed'
+import SessionProvider from './SessionProvider'
 
 // const inter = Inter({ subsets: ['latin'] })
 
@@ -70,7 +71,9 @@ export default async function RootLayout({ children }) {
               <Header userSession={sessionProps} />
               <div className="content">
                 <Dimmed />
-                <QcastProvider>{children}</QcastProvider>
+                <QcastProvider>
+                  <SessionProvider useSession={sessionProps}>{children}</SessionProvider>
+                </QcastProvider>
               </div>
               <footer>
                 <div className="footer-inner">

src/components/floor-plan/CanvasLayout.jsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import { useRecoilValue } from 'recoil'
 import CanvasFrame from './CanvasFrame'
 import { useMessage } from '@/hooks/useMessage'
@@ -8,8 +8,11 @@ import { useSwal } from '@/hooks/useSwal'
 import { usePlan } from '@/hooks/usePlan'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { sessionStore } from '@/store/commonAtom'
+import { SessionContext } from '@/app/SessionProvider'
 
 export default function CanvasLayout() {
+  const { session } = useContext(SessionContext)
+  console.log('session >>> ', session)
   const [objectNo, setObjectNo] = useState('test123240822001') // 이후 삭제 필요
   const sessionState = useRecoilValue(sessionStore)
   const globalLocaleState = useRecoilValue(globalLocaleStore)
@@ -22,7 +25,7 @@ export default function CanvasLayout() {
     console.log('loadCanvasPlanData 실행, sessionState.userId >>> ', sessionState.userId)
     loadCanvasPlanData(sessionState.userId, objectNo)
   }, [])
-  
+
   return (
     <div className="canvas-layout">
       <div className="canvas-page-list">