Fix responsive scroll behavior - complete PR #202

Co-authored-by: petebachant <4604869+petebachant@users.noreply.github.com>

Author: Copilot

frontend/src/components/Common/PageMenu.tsx

@@ -9,7 +9,7 @@ const PageMenu = ({ children }: PageMenuProps) => {
   return (
     <Box
       position="sticky"
-      top={16} // Height of Topbar
+      top={0}
       maxW="300px"
       minW="200px"
       h="fit-content"

frontend/src/components/Common/Sidebar.tsx

@@ -72,7 +72,7 @@ const Sidebar = ({ basePath }: SidebarProps) => {
       {/* Desktop */}
       <Box
         bg={bgColor}
-        h="calc(100vh - 65px)"
+        h="calc(100vh - 64px)"
         position="sticky"
         left="0"
         top={16}

frontend/src/routes/_layout/$accountName/$projectName/_layout.tsx

@@ -146,7 +146,11 @@ function ProjectLayout() {
       ) : (
         <Flex>
           <Sidebar basePath={`/${accountName}/${projectName}`} />
-          <Container maxW="full" mx={6} mb={10}>
+          <Container
+            maxW="full"
+            overflowY="scroll"
+            height="calc(100vh - 64px)"
+          >
             <Container
               maxW="100%"
               alignContent="center"