Replace static popover height with responsive max-height (#8290)

The height of the popover is now set to a maximum of 94% of the
viewport height, rather than a static height of 564px. This setting
ensures that the popover has a maximum height of exactly 564px in the
popup, which matches the designs. However it is now able to shrink or
grow to accommodate larger viewports or smaller popovers.

ui/app/components/ui/popover/index.scss

@@ -14,7 +14,7 @@
     flex-direction: column;
     position: absolute;
     width: 328px;
-    height: 564px;
+    max-height: 94vh;
 
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
     border-radius: 10px;