fix: popup layer close button z-index issue

Author: iuex

src/components/Quiz/QuizzesModal.tsx

@@ -40,7 +40,7 @@ const QuizzesModal = ({
       <ModalOverlay bg="blackAlpha.700" />
 
       <Center as={ModalContent} m={0} bg={getStatusColor()} py="16">
-        <ModalCloseButton size="lg" p="6" />
+        <ModalCloseButton size="lg" p="6" sx={{ zIndex: '999'}}/>
         {children}
       </Center>
     </ChakraModal>

src/pages/run-a-node.tsx

@@ -862,7 +862,7 @@ const RunANodePage = () => {
         </Column>
       </StakingCalloutContainer>
       <Content>
-        <H3 id="plan-on-staking" sx={{ display: 'flex', alignItems: 'center' }}>
+        <H3 id="plan-on-staking">
           <Emoji text=":cut_of_meat:" fontSize="2em" me="4" />
           {t("page-run-a-node-staking-plans-title")}
         </H3>
@@ -875,7 +875,7 @@ const RunANodePage = () => {
             {t("page-run-a-node-staking-plans-ethstaker-link-label")}
           </InlineLink>
         </Text>
-        <H3 id="rasp-pi" sx={{ display: 'flex', alignItems: 'center' }}>
+        <H3 id="rasp-pi">
           <Emoji text=":pie:" fontSize="2em" me="4" />
           {t("page-run-a-node-rasp-pi-title")}
         </H3>