fix advanced mode settings navigation animations (#9096)

Before:


https://github.com/user-attachments/assets/9aa8b8ec-2490-4fb2-8d1e-a01b09349eda

After: 


https://github.com/user-attachments/assets/eb76471d-2d11-4e85-94ce-24c25acf274a

packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx

@@ -68,9 +68,14 @@ const StyledIconPoint = styled(IconPoint)`
 
 export const SettingsNavigationDrawerItems = () => {
   const isAdvancedModeEnabled = useRecoilValue(isAdvancedModeEnabledState);
-  const { contentRef, motionAnimationVariants } = useExpandedAnimation(
+  const {
-    isAdvancedModeEnabled,
+    contentRef: securityRef,
-  );
+    motionAnimationVariants: securityAnimationVariants,
+  } = useExpandedAnimation(isAdvancedModeEnabled);
+  const {
+    contentRef: developersRef,
+    motionAnimationVariants: developersAnimationVariants,
+  } = useExpandedAnimation(isAdvancedModeEnabled);
   const { signOut } = useAuth();
 
   const billing = useRecoilValue(billingState);
@@ -188,7 +193,15 @@ export const SettingsNavigationDrawerItems = () => {
             Icon={IconCode}
           />
         )}
+        <AnimatePresence>
           {isAdvancedModeEnabled && (
+            <motion.div
+              ref={securityRef}
+              initial="initial"
+              animate="animate"
+              exit="exit"
+              variants={securityAnimationVariants}
+            >
               <StyledContainer>
                 <StyledIconContainer>
                   <StyledIconPoint
@@ -203,17 +216,19 @@ export const SettingsNavigationDrawerItems = () => {
                   Icon={IconKey}
                 />
               </StyledContainer>
+            </motion.div>
           )}
+        </AnimatePresence>
       </NavigationDrawerSection>
 
       <AnimatePresence>
         {isAdvancedModeEnabled && (
           <motion.div
-            ref={contentRef}
+            ref={developersRef}
             initial="initial"
             animate="animate"
             exit="exit"
-            variants={motionAnimationVariants}
+            variants={developersAnimationVariants}
           >
             <NavigationDrawerSection>
               <NavigationDrawerSectionTitle label="Developers" />