2062 view edit an api key (#2231)

* Add query to get api keys

* Add a link to apiKey detail page

* Reset generatedApiKey when leaving page

* Simplify stuff

* Regenerate key when clicking on button

* Simplify

* Fix test

* Refetch apiKeys when delete or create one

* Add test for utils

* Create utils function

* Enable null expiration dates

* Update formatExpiration

* Fix display

* Fix noteCard

* Fix errors

* Fix reset

* Fix display

* Fix renaming

* Fix tests

* Fix ci

* Fix mocked data

* Fix test

* Update coverage requiremeents

* Rename folder

* Code review returns

* Symplify sht code

front/src/modules/settings/developers/components/ApiKeyInput.tsx

@@ -5,7 +5,6 @@ import { IconCopy } from '@/ui/display/icon';
 import { useSnackBar } from '@/ui/feedback/snack-bar/hooks/useSnackBar';
 import { Button } from '@/ui/input/button/components/Button';
 import { TextInput } from '@/ui/input/components/TextInput';
-import { beautifyDateDiff } from '~/utils/date-utils';
 
 const StyledContainer = styled.div`
   display: flex;
@@ -17,22 +16,16 @@ const StyledLinkContainer = styled.div`
   margin-right: ${({ theme }) => theme.spacing(2)};
 `;
 
-type ApiKeyInputProps = { expiresAt?: string | null; apiKey: string };
+type ApiKeyInputProps = { apiKey: string };
 
-export const ApiKeyInput = ({ expiresAt, apiKey }: ApiKeyInputProps) => {
+export const ApiKeyInput = ({ apiKey }: ApiKeyInputProps) => {
   const theme = useTheme();
-  const computeInfo = () => {
-    if (!expiresAt) {
-      return '';
-    }
-    return `This key will expire in ${beautifyDateDiff(expiresAt)}`;
-  };
 
   const { enqueueSnackBar } = useSnackBar();
   return (
     <StyledContainer>
       <StyledLinkContainer>
-        <TextInput info={computeInfo()} value={apiKey} fullWidth />
+        <TextInput value={apiKey} fullWidth />
       </StyledLinkContainer>
       <Button
         Icon={IconCopy}