fix: use hideFrom to prevent layout shifts

For MoreContent component, removing usage of Show component

Author: wackerow

src/layouts/Upgrade.tsx

@@ -8,7 +8,6 @@ import {
   Icon,
   List,
   ListItem,
-  Show,
   Text,
   useToken,
 } from "@chakra-ui/react"
@@ -75,6 +74,7 @@ const HeroContainer = (props: ChildOnlyProp) => (
 
 const MoreContent = (props: ChildOnlyProp & { to: string }) => (
   <Flex
+    hideBelow="lg"
     as={BaseLink}
     bg="ednBackground"
     justify="center"
@@ -205,11 +205,9 @@ export const UpgradeLayout: React.FC<IProps> = ({
           />
         )}
       </HeroContainer>
-      <Show above={lgBreakpoint}>
-        <MoreContent to={"#" + MAIN_CONTENT_ID}>
-          <Icon as={MdExpandMore} fontSize="2xl" color="secondary" />
-        </MoreContent>
-      </Show>
+      <MoreContent to={"#" + MAIN_CONTENT_ID}>
+        <Icon as={MdExpandMore} fontSize="2xl" color="secondary" />
+      </MoreContent>
       <Page>
         {/* TODO: Switch to `above="lg"` after completion of Chakra Migration */}
         <LeftNavBar