fix use search bar in home page

app/component/TimePickerField.js

@@ -1,9 +1,6 @@
 import { useRef, useState } from "react";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import {
+import { DesktopTimePicker, LocalizationProvider } from "@mui/x-date-pickers";
-  DesktopTimePicker,
-  LocalizationProvider,
-} from "@mui/x-date-pickers";
 import { handleTwoLength } from "@/helper";
 import ClockField from "@/components/icons/ClockField";
 
@@ -22,7 +19,6 @@ function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
           ampm={false}
           open={isOpen}
           MobileDatePicke
-          vers
           onClose={closeTimePicker}
           disabled={isVacation}
           format="hh:mm"
@@ -43,7 +39,7 @@ function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
             }
           }}
           renderInput={(params) => {
-            return <TextField {...params} onClick={(e) => setOpen(true)} />;
+            return <TextField {...params} />;
           }}
           views={["hours", "minutes"]}
           placeholder="انتخاب کنید..."

components/home/index.js

@@ -9,7 +9,7 @@ function HomePage() {
   return (
     <div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover md:!min-h-[115vh]">
       <div className="padding-responsive z-20 min-h-screen py-[120px] flex items-center justify-center flex-col gap-[40px]">
-        <div className="">
+        <div className="z-[50]">
           <p className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
             با نوبت724
           </p>