Fix API key not displayed (#9766)

Fixes #9761

Instead of cleaning RecoilState we should keep the api key visible as
long as the user didn't refresh/leave the app, it's better from a UX
perspective and the code is also more elegant, removing a useEffect


Note: the root cause of the bug was a missing "/settings" path in
isMatchingLocation in useCleaningRecoilState (due to the recent
refactoring) ; but I think this fix is better

packages/twenty-front/src/modules/settings/developers/states/apiKeyTokenFamilyState.ts

@@ -0,0 +1,6 @@
+import { createFamilyState } from '@/ui/utilities/state/utils/createFamilyState';
+
+export const apiKeyTokenFamilyState = createFamilyState<string | null, string>({
+  key: 'apiKeyTokenState',
+  defaultValue: null,
+});

packages/twenty-front/src/modules/settings/developers/states/generatedApiKeyTokenState.ts

@@ -1,6 +0,0 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
-export const apiKeyTokenState = createState<string | null>({
-  key: 'apiKeyTokenState',
-  defaultValue: null,
-});