working header!

frontend/app/src/App.tsx

@@ -6,6 +6,7 @@ import { theme } from "./config/style";
 import { Provider } from "react-redux";
 import { store } from "./config/store";
 import { MessageInstance } from "antd/es/message/interface";
+import AppRoutes from "./pages/AppRoutes";
 
 export const MessageContext = createContext({} as MessageInstance);
 
@@ -21,6 +22,7 @@ const App = () => {
           <div className="content">
             {contextHolder}
             <HeaderComponent />
+            <AppRoutes />
           </div>
         </MessageContext.Provider>
       </ConfigProvider>