Create a page limit component

Signed-off-by: Camila Belo <camilaibs@gmail.com>

packages/app/src/components/search/SearchPage.tsx

@@ -35,6 +35,7 @@ import {
   SearchBar,
   SearchFilter,
   SearchResult,
+  SearchResultLimiter,
   SearchResultPager,
   useSearch,
 } from '@backstage/plugin-search-react';
@@ -55,6 +56,10 @@ const useStyles = makeStyles((theme: Theme) => ({
     padding: theme.spacing(2),
     marginTop: theme.spacing(2),
   },
+  limiter: {
+    width: '100%',
+    justifyContent: 'flex-end',
+  },
 }));
 
 const SearchPage = () => {
@@ -129,6 +134,7 @@ const SearchPage = () => {
             </Grid>
           )}
           <Grid item xs>
+            <SearchResultLimiter className={classes.limiter} />
             <SearchResult>
               {({ results }) => (
                 <List>