refresh change request, add conflict margin, set time ago (#2700)

frontend/src/component/changeRequest/ChangeRequest/Changes/FeatureToggleChanges.tsx

@@ -46,7 +46,8 @@ export const FeatureToggleChanges: FC<IFeatureToggleChanges> = ({
                     <Alert
                         severity="warning"
                         sx={{
-                            mx: 1,
+                            px: 3,
+                            mb: 2,
                             '&.MuiAlert-standardWarning': {
                                 borderStyle: 'none',
                             },

frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestHeader/ChangeRequestHeader.tsx

@@ -27,7 +27,11 @@ export const ChangeRequestHeader: FC<{ changeRequest: IChangeRequest }> = ({
             </StyledContainer>
             <StyledInnerContainer>
                 <Typography variant="body2" sx={{ margin: 'auto 0' }}>
-                    Created <TimeAgo date={new Date(changeRequest.createdAt)} />{' '}
+                    Created{' '}
+                    <TimeAgo
+                        minPeriod={60}
+                        date={new Date(changeRequest.createdAt)}
+                    />{' '}
                     by
                 </Typography>
                 <Box

frontend/src/hooks/api/getters/useChangeRequest/useChangeRequest.ts

@@ -6,7 +6,8 @@ import { IChangeRequest } from 'component/changeRequest/changeRequest.types';
 export const useChangeRequest = (projectId: string, id: string) => {
     const { data, error, mutate } = useSWR<IChangeRequest>(
         formatApiPath(`api/admin/projects/${projectId}/change-requests/${id}`),
-        fetcher
+        fetcher,
+        { refreshInterval: 15000 }
     );
 
     return {