fix linting issues

src/App.tsx

@@ -128,7 +128,7 @@ function App() {
     } else {
       setDisplayMessage(targetMessage);
     }
-  }, [messageIndex, isScrambling]);
+  }, [messageIndex, isScrambling, characters, rotatingMessages]);
 
   // Rotating message effect
   useEffect(() => {
@@ -140,7 +140,7 @@ function App() {
     return () => {
       clearInterval(messageInterval);
     };
-  }, []);
+  }, [rotatingMessages.length]);
 
   // Fetch data from API on mount
   useEffect(() => {

src/components/Navbar.tsx

@@ -3,6 +3,7 @@ import { Link, useLocation } from "react-router-dom";
 
 export function Navbar() {
   const location = useLocation();
+  const { track } = useUmami();
 
   const navItems = [
     { label: "Home", path: "/" },
@@ -11,7 +12,7 @@ export function Navbar() {
   ];
 
   const handleSwitch = (path: string) => {
-    useUmami().track("nav_to_" + path.replaceAll("/", "_"));
+    track("nav_to_" + path.replaceAll("/", "_"));
   };
 
   return (

src/sections/Footer.tsx

@@ -3,9 +3,10 @@ import { Github, Mail, MessageSquare } from "lucide-react";
 
 export function Footer() {
   const currentYear = new Date().getFullYear();
+  const { track } = useUmami();
 
   const handleLinkClick = (name: string, url: string) => {
-    useUmami().track(`footer_click_${name.toLowerCase()}`, { url });
+    track(`footer_click_${name.toLowerCase()}`, { url });
   };
 
   return (