Add backend and frontend

frontend/src/components/AgentHiring/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { SxProps } from '@mui/material';
+import Box from '@mui/material/Box';
+import HireRequirement from './HireRequirement';
+import AgentRepo from './AgentRepo';
+import AgentCart from './AgentCart';
+
+export default React.memo<{ style?: SxProps }>(({ style = {} }) => {
+  return (
+    <Box
+      sx={{
+        background: '#F3F3F3',
+        // borderRadius: '10px',
+        padding: '10px',
+        display: 'flex',
+        overflow: 'hidden',
+        flexDirection: 'column',
+        overflowY: 'auto',
+        overflowX: 'hidden',
+        ...style,
+      }}
+    >
+      <HireRequirement />
+      <AgentRepo />
+      <AgentCart />
+    </Box>
+  );
+});