fixd layout shift in app detail (#4650)

apps/web/components/App.tsx

@@ -263,7 +263,7 @@ const Component = ({
             reviews. Nevertheless, Cal.com, Inc. does not endorse or certify these apps unless they are
             published by Cal.com. If you encounter inappropriate content or behaviour please report it.
           </small>
-          <a className="mt-2 block text-xs text-red-500" href="mailto:help@cal.com">
+          <a className="mt-2 block text-xs text-red-500" href="mailtoo:help@cal.com">
             <Icon.FiFlag className="inline h-3 w-3" /> Report App
           </a>
         </div>

apps/web/components/v2/apps/App.tsx

@@ -77,7 +77,7 @@ const Component = ({
 
       <div className="relative flex-1 flex-col items-start justify-start px-4 md:flex md:px-8 lg:flex-row lg:px-0">
         {hasImages && (
-          <div className="flex-2 mb-4 -ml-4 -mr-4 flex w-auto snap-x snap-mandatory flex-row overflow-auto whitespace-nowrap bg-gray-100  p-4 md:mb-8 md:-ml-8 md:-mr-8 md:p-8 lg:mx-0 lg:mb-0 lg:max-w-2xl lg:flex-col lg:rounded-md">
+          <div className="flex-2 mb-4 -ml-4 -mr-4 flex min-h-[450px] w-auto min-w-[672px] snap-x snap-mandatory flex-row overflow-auto whitespace-nowrap bg-gray-100  p-4 md:mb-8 md:-ml-8 md:-mr-8 md:p-8 lg:mx-0 lg:mb-0 lg:max-w-2xl lg:flex-col lg:rounded-md">
             {images ? (
               images.map((img) => (
                 <img
@@ -88,9 +88,7 @@ const Component = ({
                 />
               ))
             ) : (
-              <div className="min-h-[450px] min-w-[667px]">
-                <SkeletonText />
-              </div>
+              <SkeletonText />
             )}
           </div>
         )}