Set a min height for library and reader so when small content is display the full screen is always used

packages/web/components/templates/article/ArticleContainer.tsx

@@ -281,6 +281,7 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
         css={{
           padding: '30px',
           paddingTop: '80px',
+          minHeight: '100vh',
           maxWidth: `${styles.maxWidthPercentage ?? 100}%`,
           background: props.isAppleAppEmbed
             ? 'unset'

packages/web/components/templates/homeFeed/HomeFeedContainer.tsx

@@ -794,6 +794,7 @@ function LibraryItemsLayout(props: LibraryItemsLayoutProps): JSX.Element {
         distribution="start"
         css={{
           height: '100%',
+          minHeight: '100vh',
         }}
       >
         <Toaster />
@@ -914,6 +915,7 @@ function LibraryItemsLayout(props: LibraryItemsLayoutProps): JSX.Element {
             </div>
           )}
         </Dropzone>
+        {/* <Box css={{ width: '10px', height: '100vh' }} /> */}
       </VStack>
 
       {props.showAddLinkModal && (