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/main.tsx

@@ -1,21 +1,20 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.js";
+import { ConfigProvider } from 'antd';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import App from './App.js';
+import './index.less';
+import './theme/theme.less';
 
-import { ThemeProvider, createTheme } from "@mui/material/styles";
-import { BrowserRouter } from "react-router-dom";
-import theme from "./theme";
-
-const rootElement = document.getElementById("root");
+const rootElement = document.getElementById('root');
 if (rootElement) {
   createRoot(rootElement).render(
     <StrictMode>
-      <ThemeProvider theme={theme}>
+      <ConfigProvider theme={{}}>
         <BrowserRouter>
           <App />
         </BrowserRouter>
-      </ThemeProvider>
-    </StrictMode>
+      </ConfigProvider>
+    </StrictMode>,
   );
 }