Prevent initial animation on settings modal

packages/renderer/src/features/settings/components/settings.tsx

@@ -1,5 +1,6 @@
 import { Box } from '@mantine/core';
 import type { Variants } from 'framer-motion';
+import { AnimatePresence } from 'framer-motion';
 import { motion } from 'framer-motion';
 import { Tabs } from '/@/components';
 import { GeneralTab } from '/@/features/settings/components/general-tab';
@@ -29,6 +30,7 @@ export const Settings = () => {
       m={5}
       sx={{ height: '800px', maxHeight: '50vh', overflowX: 'hidden' }}
     >
+      <AnimatePresence initial={false}>
         <Tabs
           keepMounted={false}
           orientation="vertical"
@@ -65,6 +67,7 @@ export const Settings = () => {
             </motion.div>
           </Tabs.Panel>
         </Tabs>
+      </AnimatePresence>
     </Box>
   );
 };