scroll overflow fix

just extended data header

Author: Invictus108

src/components/selectCalendarComponents/SelectCalendar.tsx

@@ -134,8 +134,8 @@ const handleDisappear = useCallback(() => {
       style={{ touchAction: 'none' }}
     >
       <div className="flex flex-col">
-        <div className="sticky h-full mb-2 flex flex-row z-30 lg:top-[0px] top-[44px]">
-          <div className="bg-white dark:bg-secondary_background-dark w-full flex ">
+        <div className="sticky h-full mb-2 flex flex-row z-30 lg:top-[0px] top-[44px] -ml-12">
+          <div className="bg-white dark:bg-secondary_background-dark w-full flex pl-12">
             <div className="bg-white dark:bg-secondary_background-dark z-50 h-6"></div>
             <DateBar dates={bucket} isGeneralDays={isGeneralDays} />
           </div>