Fixes re-rendering bug and copy tweak

Author: samejr

apps/webapp/app/routes/resources.incidents.tsx

@@ -2,6 +2,7 @@ import { ExclamationTriangleIcon } from "@heroicons/react/20/solid";
 import { json } from "@remix-run/node";
 import { useFetcher } from "@remix-run/react";
 import { useCallback, useEffect } from "react";
+import { motion } from "framer-motion";
 import { LinkButton } from "~/components/primitives/Buttons";
 import { Paragraph } from "~/components/primitives/Paragraph";
 import { useFeatures } from "~/hooks/useFeatures";
@@ -40,35 +41,39 @@ export function IncidentStatusPanel() {
     const interval = setInterval(fetchIncidents, 60 * 1000); // 1 minute
 
     return () => clearInterval(interval);
-  }, [fetchIncidents]);
+  }, []);
 
   const operational = fetcher.data?.operational ?? true;
 
   return (
     <>
       {!operational && (
-        <div className="p-1">
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{ duration: 0.3 }}
+          className="p-1"
+        >
           <div className="flex flex-col gap-2 rounded border border-warning/20 bg-warning/5 p-2 pt-1.5">
             <div className="flex items-center gap-1 border-b border-warning/20 pb-1 text-warning">
               <ExclamationTriangleIcon className="size-4" />
               <Paragraph variant="small/bright" className="text-warning">
-                Active Incident
+                Active incident
               </Paragraph>
             </div>
-            <Paragraph variant="extra-small/bright" className="line-clamp-3 text-warning/80">
-              We're currently experiencing service disruptions. Our team is actively working on
-              resolving the issue. Check our status page for real-time updates.
+            <Paragraph variant="extra-small/bright" className="text-warning/80">
+              Our team is working on resolving the issue. Monitor our status page for updates.
             </Paragraph>
             <LinkButton
               variant="secondary/small"
               to="https://status.trigger.dev"
               target="_blank"
               fullWidth
             >
-              View Status Page
+              View status page
             </LinkButton>
           </div>
-        </div>
+        </motion.div>
       )}
     </>
   );