feat: remove useless dependencies, replace <GitHubIcon/> by img tag

Author: ErwannRousseau

package.json

@@ -11,9 +11,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.8",
     "@mui/material": "^6.4.8",
     "devicon": "^2.16.0",
     "react": "^19.0.0",

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import { AppBar, Toolbar, Typography } from '@mui/material'
 import { Link, Outlet } from 'react-router'
-import GitHubIcon from '@mui/icons-material/GitHub'
+import githubIcon from '@/assets/github.svg'
 import '@/styles/layout/navbar.css'
 
 export const Navbar = () => {
@@ -9,7 +9,7 @@ export const Navbar = () => {
       <AppBar position="relative">
         <Toolbar>
           <Link to="/" className="navbar-link">
-            <GitHubIcon />
+            <img src={githubIcon} alt="Gitcoin" />
             <Typography variant="h6" color="inherit" noWrap>
               Gitclicker
             </Typography>

src/components/layout/Navbar.tsx

@@ -4,4 +4,9 @@
   gap: 1rem;
   color: white;
   text-decoration: none;
+
+  img {
+    width: 2rem;
+    height: 2rem;
+  }
 }