refactor: migrate from MUI to Ant Design for layout and components

- Updated package.json to remove MUI dependencies and add Ant Design.
- Refactored App component to use Ant Design's Layout, Header, Footer, and Sidebar.
- Created new Footer, Header, and Sidebar components using Ant Design.
- Removed old Header component that used MUI.
- Updated Home component to use Ant Design's Typography and Button.
- Added global styles in index.less and theme styles in theme.less and layout.less.
- Removed MUI theme configuration and replaced it with Ant Design's theming.

frontend/src/App.tsx

@@ -1,15 +1,29 @@
-import { Routes, Route } from "react-router-dom";
-import "./App.css";
-import Header from "./header/Header";
-import Home from "./pages/Home";
+import { Layout } from 'antd';
+import { useState } from 'react';
+import { Outlet } from 'react-router-dom';
+import './App.css';
+import { AppFooter } from './Layout/Footer';
+import AppHeader from './Layout/Header';
+import Sidebar from './Layout/Sidebar';
+
+const { Content, Footer } = Layout;
 
 export default function App() {
+  const [collapsed, setCollapsed] = useState(false);
   return (
     <>
-      <Header />
-      <Routes>
-        <Route path="/" element={<Home />} />
-      </Routes>
+      <Layout style={{ minHeight: '100vh' }}>
+        <AppHeader />
+        <Layout>
+          <Sidebar collapsed={collapsed} onCollapse={setCollapsed} />
+          <Layout style={{ padding: '24px' }}>
+            <Content style={{ minHeight: 'calc(100vh - 64px)' }}>
+              <Outlet />
+            </Content>
+          </Layout>
+        </Layout>
+      </Layout>
+      <AppFooter />
     </>
   );
 }