fix: fix some animation issues

src/components/buttons/buttons.tsx

@@ -90,7 +90,7 @@ export function Buttons() {
         )}
       </motion.button>
 
-      <AnimatePresence>
+      <AnimatePresence mode="popLayout">
         {(!noSelected || hasHistory) && (
           <motion.div
             animate={{ opacity: 1, x: 0 }}

src/components/category/category.tsx

@@ -29,7 +29,7 @@ export function Category({
       animate={{ opacity: 1 }}
       className={styles.category}
       initial={{ opacity: 0 }}
-      layout
+      layout="position"
     >
       <div className={styles.iconContainer}>
         <div className={styles.tail} />