Deprecate pages

next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

src/components/Sidebar.tsx

@@ -115,7 +115,7 @@ const Sidebar = (props: ISideBar) => {
           <line x1="4" y1="17" x2="20" y2="17" />
         </svg>
         {sidebarVisible && (
-          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-scroll drop-shadow-lg lg:overflow-y-hidden">
+          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-auto drop-shadow-lg lg:overflow-y-hidden">
             <_Sidebar {...props} />
           </div>
         )}

src/components/container/DropDownContainer.tsx

@@ -26,7 +26,7 @@ const DropDownContainer = (props: DropDownContainerProps) => {
         {props.title}
       </div>
       <div
-        className={`overflow-scroll ${
+        className={`overflow-auto ${
           showItems ? "max-h-[512px] md:max-h-[1024px]" : "max-h-0"
         }`}
         style={

src/components/user/AddFile.tsx

@@ -122,7 +122,7 @@ const AddFile = ({
   }
 
   return !error ? (
-    <Popup className="h-[32rem] w-full overflow-y-scroll sm:h-[44rem] sm:w-[36rem]">
+    <Popup className="h-[32rem] w-full overflow-y-auto sm:h-[44rem] sm:w-[36rem]">
       <div className="flex-col justify-between rounded-[16px] text-white">
         <div className="mb-5 mt-4 text-3xl font-bold"> Create New File</div>
         <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">