use fallbackData option to display pre-fetched execs before loading more (#402)

Author: b-pmcg

pages/executive.tsx

@@ -130,9 +130,7 @@ export const ExecutiveOverview = ({ proposals }: { proposals?: Proposal[] }): JS
     revalidateOnFocus: false,
     initialSize: 1,
     revalidateFirstPage: false,
-    fallback: {
-      [`/api/executive?network=${network}&start=0&limit=10&sortBy=${sortBy}`]: proposals
-    }
+    fallbackData: proposals
   });
 
   const isLoadingInitialData = !paginatedProposals && !error;
@@ -379,9 +377,6 @@ export const ExecutiveOverview = ({ proposals }: { proposals?: Proposal[] }): JS
                   <Box my={3}>
                     <SkeletonThemed width={'100%'} height={'200px'} />
                   </Box>
-                  <Box my={3}>
-                    <SkeletonThemed width={'100%'} height={'200px'} />
-                  </Box>
                 </Box>
               )}
               {!showHistorical && flattenedProposals.filter(proposal => proposal.active).length > 0 && (