modal + favorite page + video modal + fixes

client/src/components/Button.tsx

@@ -35,6 +35,7 @@ const Button = ({
   const border = borders[buttonType];
   const padding = paddings[buttonType];
   const rounded = isCircleRounded ? "rounded-full" : "rounded-lg";
+  const disabledStyle = disabled ? "bg-[#0D192214] text-gray-400" : "";
 
   return (
     <button
@@ -43,7 +44,7 @@ const Button = ({
       onClick={onClick}
       className={`min-w-10 max-h-10 ${rounded}  ${
         icon && !text ? "p-[10px]" : padding
-      }  transition-all duration-300 ease-in-out text-s pointer-events-auto flex gap-1 items-center align-middle h-fit ${backgroundColor} ${textColor} ${border}  ${
+      }  transition-all duration-300 ease-in-out text-s pointer-events-auto flex gap-1 items-center  align-middle h-fit ${backgroundColor} ${textColor} ${border} ${disabledStyle} ${
         className ? className : ""
       }`}
     >