Resolve page vertical scrollbar unselectable

Added conditional check for dynamicBackground on styling

src/components/layout/styled.tsx

@@ -103,6 +103,9 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
   height: 100%;
   overflow-x: hidden;
 
+  ${(props) =>
+    props.$backgroundSrc &&
+    `
     &:before {
       content: '';
       position: fixed;
@@ -110,8 +113,9 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
       right: 0;
 
       display: block;
-    background-image: ${(props) =>
-      props.$backgroundSrc ? `url(${props.$backgroundSrc})` : undefined};
+      background-image: ${
+        props.$backgroundSrc ? `url(${props.$backgroundSrc})` : undefined
+      };
       transition: background-image 1s ease-in-out;
 
       width: 100%;
@@ -123,6 +127,7 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
 
       filter: blur(50px) brightness(0.8);
   }
+  `}
 `;
 
 export const PageHeader = styled(Header)<{ padding?: string }>`