website cleanup

apps/website/app/auth/iracing/page.tsx

@@ -200,7 +200,7 @@ export default function IracingAuthPage() {
                   className="mt-4 text-center"
                 >
                   <p className="text-sm text-gray-400">
-                    {CONNECTION_STEPS[activeStep].description}
+                    {CONNECTION_STEPS[activeStep]?.description}
                   </p>
                 </motion.div>
               </AnimatePresence>
@@ -211,16 +211,13 @@ export default function IracingAuthPage() {
               <h3 className="text-sm font-medium text-gray-300 mb-3">What you'll get:</h3>
               <ul className="space-y-2">
                 {BENEFITS.map((benefit, index) => (
-                  <motion.li
+                  <li
                     key={index}
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={{ opacity: 1, x: 0 }}
-                    transition={{ delay: 0.4 + index * 0.05 }}
                     className="flex items-start gap-2 text-sm text-gray-400"
                   >
                     <CheckCircle2 className="w-4 h-4 text-performance-green flex-shrink-0 mt-0.5" />
                     {benefit}
-                  </motion.li>
+                  </li>
                 ))}
               </ul>
             </div>