working on gasht detail part

src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolDetail.jsx

@@ -1,8 +1,9 @@
 "use client";
 
-import {Box, Slide} from "@mui/material";
+import {Box, Button, Chip, Divider, Slide} from "@mui/material";
 import {useState} from "react";
 import CarCode from "@/core/components/CarCode";
+import SearchIcon from '@mui/icons-material/Search';
 
 const PatrolDetail = ({tabState, setTabState}) => {
     const [patrolFounded, setPatrolFounded] = useState(false);
@@ -18,9 +19,14 @@ const PatrolDetail = ({tabState, setTabState}) => {
                 my: 3
             }}
         >
-            <Box>
+            <Box sx={{display: "flex", gap: 2}}>
                 <CarCode carCode={carCode} setCarCode={setCarCode}/>
+                
+                <Button variant="contained" color="success" endIcon={<SearchIcon/>}>درخواست اطلاعات</Button>
             </Box>
+            <Divider sx={{my: 2, width: "100%"}}>
+                <Chip color="primary" label="مشخصات گشت"/>
+            </Divider>
             <Slide in={patrolFounded} sx={{my: 5, width: {xs: "100%", sm: "70%"}}}>
                 <Box>
                 </Box>