alt attribute

package.json

@@ -14,7 +14,7 @@
     "framer-motion": "^11.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.3",
+    "react-router-dom": "^6.23.1",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },

src/App.tsx

@@ -1,14 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { useState } from 'react';
 import Header from './core/Header';
 import Nav from './core/Nav';
 
 function App() {
   const [isNavOpen, setIsNavOpen] = useState(true);
 
-  useEffect(() => {
-    console.log(isNavOpen);
-  }, [isNavOpen]);
-
   return (
     <main className='bg-tertiary h-screen'>
       <Header setIsNavOpen={setIsNavOpen} />

src/icons/Avatar.tsx

@@ -2,7 +2,10 @@ export default function Avatar() {
   return (
     <div className='avatar h-5 w-5'>
       <div className='w-24 rounded-full'>
-        <img src='https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg' />
+        <img
+          alt='profile'
+          src='https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg'
+        />
       </div>
     </div>
   );