chore: upgrade next and deps

src/app/cuenta/CuentaTabs.tsx

@@ -44,7 +44,7 @@ const CuentaTabs: FC = () => {
       >
         <AnimatePresence
           initial={false}
-          mode='wait'
+          mode="wait"
         >
           {currentTab === 'login' && (
             <motion.div
@@ -52,7 +52,8 @@ const CuentaTabs: FC = () => {
               initial={{ opacity: 0, x: '-100%' }}
               animate={{ opacity: 1, x: 0 }}
               exit={{ opacity: 0, x: '100%' }}
-              key="login">
+              key="login"
+            >
               <UpdateEmail />
               <UpdatePassword />
             </motion.div>
@@ -63,7 +64,8 @@ const CuentaTabs: FC = () => {
               initial={{ opacity: 0, x: '-100%' }}
               animate={{ opacity: 1, x: 0 }}
               exit={{ opacity: 0, x: '100%' }}
-              key="perfil">
+              key="perfil"
+            >
               <UpdateUserName />
               <UpdateUserPreferences />
             </motion.div>

src/app/cuenta/UpdateUserName.tsx

@@ -68,7 +68,7 @@ const UpdateUserName: FC = () => {
       })
         .catch(console.error)
     }
-  }, [status, session, user])
+  }, [status, session, user, formik])
 
   if (status !== 'idle' || session === undefined) {
     // TODO: Replace with Skeleton
@@ -99,8 +99,7 @@ const UpdateUserName: FC = () => {
             <Typography variant="caption" color="danger">{formik.errors.name}</Typography>
           )}
         </FormGroup>
-        <FormGroup
-        >
+        <FormGroup>
           <Button
             type="submit"
             disabled={formik.isSubmitting || !formik.isValid}

src/app/cuenta/UpdateUserPreferences.tsx

@@ -55,7 +55,7 @@ const UpdateUserPreferences: FC = () => {
       })
         .catch(console.error)
     }
-  }, [status, session])
+  }, [status, user, formik, session])
 
   if (status !== 'idle' || session === undefined) {
     // TODO: Replace with Skeleton
@@ -65,7 +65,7 @@ const UpdateUserPreferences: FC = () => {
   return (
     <>
       <Typography
-        variant='h3'
+        variant="h3"
       >
         Preferencias
       </Typography>
@@ -74,13 +74,13 @@ const UpdateUserPreferences: FC = () => {
       >
         <FormGroup>
           <label
-            htmlFor='bio'
+            htmlFor="bio"
           >
             Biografia
           </label>
           <TextArea
-            id='bio'
-            name='bio'
+            id="bio"
+            name="bio"
             value={formik.values.bio}
             onChange={formik.handleChange}
             onBlur={formik.handleBlur}
@@ -96,7 +96,7 @@ const UpdateUserPreferences: FC = () => {
         {/* TODO: Add Profile Picture and Social Links fields */}
         <FormGroup>
           <Button
-            type='submit'
+            type="submit"
             disabled={formik.isSubmitting || !formik.isValid}
             fullWidth
           >

src/app/cuenta/page.tsx

@@ -1,6 +1,6 @@
 import Typography from '@/components/ui/Typography'
 import { Container } from '@/styled-system/jsx'
-import { type FC } from 'react'
+import type { FC } from 'react'
 import CuentaTabs from './CuentaTabs'
 
 const CuentaPage: FC = () => {
@@ -10,7 +10,7 @@ const CuentaPage: FC = () => {
       <Typography variant="body1">
         Desde aquí puedes administrar las preferencias y ajustes de tu cuenta.
       </Typography>
-      <CuentaTabs/>
+      <CuentaTabs />
     </Container>
   )
 }