Open showpage on workflow creation (#9714)

- Created an new component state
`isRecordEditableNameRenamingComponentState`
- Updated `useCreateNewTableRecord` to open the ShowPage on workflow
creation
- Refactored `RecordEditableName` and its components to remove the
useEffect (This was causing the recordName state to be updated after the
focus on `NavigationDrawerInput`, but we want the text so be selected
after the update).
- Introduced a new component `EditableBreadcrumbItem`
- Created an autosizing text input: This is done by a hack using a span
inside a div and the input position is set to absolute and takes the
size of the div. There are two problems that I didn't manage to fix:
If the text is too long, the title overflows, and the letter spacing is
different between the span and the input creating a small offset.


https://github.com/user-attachments/assets/4aa1e177-7458-4691-b0c8-96567b482206


New text input component:


https://github.com/user-attachments/assets/94565546-fe2b-457d-a1d8-907007e0e2ce

packages/twenty-front/src/modules/favorites/components/FavoritesFolders.tsx

@@ -3,6 +3,7 @@ import { FavoriteFolderHotkeyScope } from '@/favorites/constants/FavoriteFolderR
 import { useCreateFavoriteFolder } from '@/favorites/hooks/useCreateFavoriteFolder';
 import { useFavoritesByFolder } from '@/favorites/hooks/useFavoritesByFolder';
 import { isFavoriteFolderCreatingState } from '@/favorites/states/isFavoriteFolderCreatingState';
+import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper';
 import { NavigationDrawerInput } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerInput';
 import { useState } from 'react';
 import { useRecoilState } from 'recoil';
@@ -62,15 +63,19 @@ export const FavoriteFolders = ({
   return (
     <>
       {isFavoriteFolderCreating && (
-        <NavigationDrawerInput
-          Icon={IconFolder}
-          value={newFolderName}
-          onChange={handleFavoriteFolderNameChange}
-          onSubmit={handleSubmitFavoriteFolderCreation}
-          onCancel={handleCancelFavoriteFolderCreation}
-          onClickOutside={handleClickOutside}
-          hotkeyScope={FavoriteFolderHotkeyScope.FavoriteFolderNavigationInput}
-        />
+        <NavigationDrawerAnimatedCollapseWrapper>
+          <NavigationDrawerInput
+            Icon={IconFolder}
+            value={newFolderName}
+            onChange={handleFavoriteFolderNameChange}
+            onSubmit={handleSubmitFavoriteFolderCreation}
+            onCancel={handleCancelFavoriteFolderCreation}
+            onClickOutside={handleClickOutside}
+            hotkeyScope={
+              FavoriteFolderHotkeyScope.FavoriteFolderNavigationInput
+            }
+          />
+        </NavigationDrawerAnimatedCollapseWrapper>
       )}
       {favoritesByFolder.map((folder) => (
         <CurrentWorkspaceMemberFavorites