Fix scroll (partially)

We want the consent message to be scrollable. The current changes are a partial
solution, the navbar still shows through at times.

web/apps/photos/src/components/FullScreenDropZone.tsx

@@ -14,6 +14,7 @@ const DropDiv = styled("div")`
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 `;
 const Overlay = styled("div")`
     border-width: 8px;

web/apps/photos/src/styles/global.css

@@ -49,6 +49,7 @@ body {
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 }
 
 .pswp__button--custom {

web/packages/new/photos/components/gallery/index.tsx

@@ -94,7 +94,7 @@ export const PeopleEmptyStateDisabled: React.FC = () => {
     });
 
     return (
-        <Stack sx={{ alignItems: "center" }}>
+        <Stack sx={{ alignItems: "center", flex: 1, overflow: "auto" }}>
             <Paper sx={{ maxWidth: "390px", padding: "4px", mb: "2rem" }}>
                 {!showConsent ? (
                     <EnableML onEnable={() => setShowConsent(true)} />