perf: optimize app startup and background lifecycles

src/pages/Setup/index.tsx

@@ -4,7 +4,6 @@
  */
 import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { motion, AnimatePresence } from 'framer-motion';
 import {
   Check,
   ChevronLeft,
@@ -218,14 +217,7 @@ export function Setup() {
         </div>
 
         {/* Step Content */}
-        <AnimatePresence mode="wait">
-          <motion.div
-            key={step.id}
-            initial={{ opacity: 0, x: 20 }}
-            animate={{ opacity: 1, x: 0 }}
-            exit={{ opacity: 0, x: -20 }}
-            className="mx-auto max-w-2xl p-8"
-          >
+        <div key={step.id} className="mx-auto max-w-2xl p-8">
             <div className="text-center mb-8">
               <h1 className="text-3xl font-medium mb-2">{t(`steps.${step.id}.title`)}</h1>
               <p className="text-slate-400">{t(`steps.${step.id}.description`)}</p>
@@ -278,8 +270,7 @@ export function Setup() {
                 </div>
               </div>
             )}
-          </motion.div>
-        </AnimatePresence>
+        </div>
       </div>
     </div>
   );