Enhance Modal and Popup components with drag-and-drop functionality for mobile responsiveness. Implement drag handling in ModalContainer and PopupContainer, and adjust layout in ModalWrapper and PopupWrapper for better user experience. Update Tooltip and ActionsPopover for improved positioning and visibility. Clean up unused code and comments in HomePage and popupStore.

client/src/components/ModalWrapper.tsx

@@ -17,12 +17,22 @@ function ModalWrapper({
   return (
     <div
       className={clsx(
-        "bg-white 2xl:rounded-[2.222vw] rounded-[32px] relative",
+        "bg-white 2xl:rounded-[2.222vw] rounded-[32px] relative max-sm:rounded-b-none max-sm:max-h-[97.5dvh]",
         className
       )}
     >
+      {/* Полоска-ручка для свайпа на мобильных */}
+      <div className="hidden absolute -top-3 left-1/2 justify-center pt-1 pb-1 -translate-x-1/2 max-sm:flex">
+        <div className="w-8 h-1 bg-[#141414] rounded-full opacity-50" />
+      </div>
+
       <ModalHeader title={title} leftButton={leftButton} />
-      <div className={clsx("2xl:p-[1.389vw] p-5", !title && "!pt-0")}>
+      <div
+        className={clsx(
+          "2xl:p-[1.389vw] p-5 overflow-y-auto min-h-full bg-white",
+          !title && "!pt-0"
+        )}
+      >
         {children}
       </div>
     </div>