fix ts errors

frontend/src/components/Navbar/Navbar.tsx

@@ -79,7 +79,7 @@ export function Navbar() {
                       width="48"
                       height="48"
                       loading="eager"
-                      fetchpriority="high"
+                      fetchPriority="high"
                     />
               <h1 className="text-3xl md:text-4xl font-bold text-foreground" style={{ fontFamily: "'Butterfly Kids', cursive" }}>Rainbows, Cupcakes & Unicorns</h1>
                     <img
@@ -89,7 +89,7 @@ export function Navbar() {
                       width="48"
                       height="48"
                       loading="eager"
-                      fetchpriority="high"
+                      fetchPriority="high"
                     />
             </Link>
             

frontend/src/pages/LandingPage.tsx

@@ -56,7 +56,7 @@ export function LandingPage() {
                         width="80"
                         height="80"
                         loading="eager"
-                        fetchpriority={app.id === 'videos' ? 'high' : 'auto'}
+                        fetchPriority={app.id === 'videos' ? 'high' : 'auto'}
                       />
                     ) : app.id === 'speechsounds' ? (
                       <img 
@@ -66,7 +66,7 @@ export function LandingPage() {
                         width="80"
                         height="80"
                         loading="eager"
-                        fetchpriority="auto"
+                        fetchPriority="auto"
                       />
                     ) : app.id === 'tictactoe' ? (
                       <img 
@@ -76,7 +76,7 @@ export function LandingPage() {
                         width="80"
                         height="80"
                         loading="eager"
-                        fetchpriority="auto"
+                        fetchPriority="auto"
                       />
                     ) : (
                       <span className="text-5xl">{emoji}</span>