set priority to hero images

Author: pettinarip

src/layouts/Roadmap.tsx

@@ -180,6 +180,7 @@ export const RoadmapLayout: React.FC<IProps> = ({
               width={700}
               height={345}
               quality="100"
+              priority
             />
           </Center>
         </Flex>

src/layouts/Staking.tsx

@@ -278,6 +278,7 @@ export const StakingLayout: React.FC<IProps> = ({
           width={400}
           height={340}
           quality="100"
+          priority
         />
       </HeroContainer>
       <Page dir={isRightToLeft ? "rtl" : "ltr"}>

src/layouts/Upgrade.tsx

@@ -200,6 +200,7 @@ export const UpgradeLayout: React.FC<IProps> = ({
             height={525}
             style={{ objectFit: "cover" }}
             quality="100"
+            priority
             flex={{ base: "1 1 100%", md: "none" }}
             alignSelf={{ base: "center", md: "flex-end" }}
           />

src/layouts/UseCases.tsx

@@ -215,6 +215,7 @@ export const UseCasesLayout: React.FC<IProps> = ({
           height={610}
           style={{ objectFit: "cover" }}
           quality="100"
+          priority
           alignSelf={{
             base: "center",
             lg: "normal",