feat(user): add user data management system with global state

- Implement user store with Zustand for global state management
- Create UserDataProvider component to initialize user data on app load
- Add useUserData hook for accessing and managing user data
- Refactor knowledge base list page to use new hooks

src/components/Layout/MainLayout.tsx

@@ -2,6 +2,7 @@ import { Box, styled } from '@mui/material';
 import { Outlet } from 'react-router-dom';
 import Header from './Header';
 import Sidebar from './Sidebar';
+import UserDataProvider from '../Provider/UserDataProvider';
 
 const LayoutContainer = styled(Box)({
   display: 'flex',
@@ -24,15 +25,17 @@ const ContentArea = styled(Box)({
 
 const MainLayout = () => {
   return (
-    <LayoutContainer>
-      <Sidebar />
-      <MainContent>
-        <Header />
-        <ContentArea>
-          <Outlet />
-        </ContentArea>
-      </MainContent>
-    </LayoutContainer>
+    <UserDataProvider>
+      <LayoutContainer>
+        <Sidebar />
+        <MainContent>
+          <Header />
+          <ContentArea>
+            <Outlet />
+          </ContentArea>
+        </MainContent>
+      </LayoutContainer>
+    </UserDataProvider>
   );
 };