Fix long table scroll

front/src/apollo.tsx

@@ -29,6 +29,7 @@ const errorLink = onError(({ graphQLErrors, operation, forward }) => {
     for (const err of graphQLErrors) {
       switch (err.extensions.code) {
         case 'invalid-jwt':
+        case 'not-found':
           return new Observable((observer) => {
             (async () => {
               try {

front/src/layout/containers/WithTopBarContainer.tsx

@@ -23,12 +23,14 @@ const ContentContainer = styled.div`
   padding-right: ${(props) => props.theme.spacing(3)};
   padding-bottom: ${(props) => props.theme.spacing(3)};
   width: calc(100% - ${(props) => props.theme.spacing(3)});
+  height: calc(100% - 54px);
 `;
 
 const ContentSubContainer = styled.div`
   display: flex;
   background: ${(props) => props.theme.primaryBackground};
   border-radius: 8px;
+  height: 100%;
   flex: 1;
 `;
 

front/src/layout/top-bar/TopBar.tsx

@@ -11,6 +11,7 @@ const TopBarContainer = styled.div`
   padding: 8px;
   font-size: 14px;
   color: ${(props) => props.theme.text80};
+  flex-shrink: 0;
 `;
 
 const TitleContainer = styled.div`

front/src/pages/people/People.tsx

@@ -19,6 +19,7 @@ import {
 const StyledPeopleContainer = styled.div`
   display: flex;
   width: 100%;
+  height: 100%;
 `;
 
 function People() {