change header style

components/booking/information/Detail.js

@@ -97,7 +97,7 @@ function Detail({ doctor, step, setStep }) {
         <li className="flex items-center justify-start gap-[4px] md:gap-[6px] lg:gap-[8px]">
           <div
             className="min-w-[16px] sm:min-w-[19px] md:min-w-[21px] lg:min-w-[24px] min-h-[16px] sm:min-h-[19px] md:min-h-[21px] lg:min-h-[24px]
-                        w-[16px] sm:w-[19px] md:w-[21px] lg:w-[24px] h-[16px] sm:h-[19px] md:h-[21px] lg:h-[24px]"
+              w-[16px] sm:w-[19px] md:w-[21px] lg:w-[24px] h-[16px] sm:h-[19px] md:h-[21px] lg:h-[24px]"
           >
             <TickCircleOrange />
           </div>

components/layout/header/list/col/index.js

@@ -6,9 +6,6 @@ import { isActiveURL } from "@/helper";
 function Col({ isActive, setIsActive, name }) {
   return (
     <div className="flex lg:hidden">
-      {/* <Button variant="text" className="!p-0.5">
-                <MenuHead />
-            </Button> */}
       <div
         className={`
             fixed pb-[31px] pt-[64px] pl-[24px]  padding-responsive top-[-12px] sm:top-[-21px] 

components/layout/index.js

@@ -36,8 +36,10 @@ function Layout({
                   "pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
                 }`}
       >
-        <header className="w-full fixed top-[12px] sm:top-[21px] md:top-[30px] lg:top-[40px] right-1/2 translate-x-1/2 padding-responsive z-[10]">
-          <Header name={name} />
+        <header className="w-full fixed bg-[#FFF] top-0 right-1/2 translate-x-1/2 z-[10]">
+          <div className="w-full padding-responsive">
+            <Header name={name} />
+          </div>
         </header>
         <section
           className={`

components/panel/addDoctor/listMenu/specialDays/Form.js

@@ -3,7 +3,6 @@ import { useState } from "react";
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import ContentText from "@/components/panel/ContentText";
 import { dayOfWeek, timeEachTurn, turnsPerDay } from "./listSelector";
-import FieldIcon from "@/app/component/FieldIcon";
 import { Button } from "@mui/material";
 import PlusBlueP from "@/components/icons/PlusBlueP";
 import ClockP from "@/components/icons/ClockP";