wrap all page routes in LibraryContainer

src/renderer/features/shared/components/library-container.module.css

@@ -1,11 +1,10 @@
 .container {
     position: relative;
+    display: flex;
+    flex-direction: column;
     width: 100%;
     max-width: var(--theme-content-max-width);
+    height: 100%;
+    min-height: 0;
     margin: 0 auto;
 }
-
-.content {
-    position: relative;
-    z-index: 0;
-}

src/renderer/features/shared/components/library-container.tsx

@@ -7,9 +7,5 @@ interface LibraryContainerProps {
 }
 
 export const LibraryContainer = ({ children }: LibraryContainerProps) => {
-    return (
-        <div className={styles.container}>
-            <div className={styles.content}>{children}</div>
-        </div>
-    );
+    return <div className={styles.container}>{children}</div>;
 };