style changes

frontend/src/components/navbar/HomeNav.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react"
 import styles from "./HomeNav.module.css"
+import { FaBars } from "react-icons/fa";
 
 export default function HomeNav() {
   const [navOpen, setNavOpen] = useState(false)
@@ -8,11 +9,7 @@ export default function HomeNav() {
 
   return (
     <nav className={styles.nav}>
-      <i
-        id="toggle-nav"
-        className={`fa-solid fa-bars ${styles.toggle}`}
-        onClick={toggleNav}
-      ></i>
+      <FaBars className={styles.toggle} onClick={toggleNav} />
 
       <ul className={`${styles.navList} ${navOpen ? styles.open : ""}`}>
         <li id="nav-logo" className={styles.logo}>