fix: move pagination beneath table container to make overflow-scroll more intuitive

frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx

@@ -805,7 +805,7 @@ export const SecretOverviewPage = () => {
           resetSelectedEntries={resetSelectedEntries}
         />
         <div className="thin-scrollbar mt-4" ref={parentTableRef}>
-          <TableContainer>
+          <TableContainer className="rounded-b-none">
             <Table>
               <THead>
                 <Tr className="sticky top-0 z-20 border-0">
@@ -1003,6 +1003,7 @@ export const SecretOverviewPage = () => {
                 </Tr>
               </TFoot>
             </Table>
+          </TableContainer>
           {!isOverviewLoading && totalCount > 0 && (
             <Pagination
               startAdornment={
@@ -1012,7 +1013,7 @@ export const SecretOverviewPage = () => {
                   folderCount={totalFolderCount}
                 />
               }
-                className="border-t border-solid border-t-mineshaft-600"
+              className="rounded-b-md border-t border-solid border-t-mineshaft-600"
               count={totalCount}
               page={page}
               perPage={perPage}
@@ -1020,7 +1021,6 @@ export const SecretOverviewPage = () => {
               onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
             />
           )}
-          </TableContainer>
         </div>
       </div>
       <CreateSecretForm