refactor: add "use client" directive to NavBar components

Author: mitchdowney

src/components/NavBar/NavBar.tsx

@@ -6,8 +6,6 @@ import NavBarBrand from "./NavBarBrand";
 import NavBarLeftButtons from "./NavBarLeftButtons";
 import NavBarRightButtons from "./NavBarRightButtons";
 
-
-
 const NavBar: React.FC = () => {
   return (
     <nav className={styles.navbar}>

src/components/NavBar/NavBarDropdownButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useContext, useRef } from "react";
 import { useRouter } from "next/navigation";
 import { FaChevronDown, FaRegUserCircle, FaUserCircle } from "react-icons/fa";

src/components/NavBar/NavBarLeftButtons.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
 import styles from "../../styles/components/NavBar/NavBarLeftButtons.module.scss";

src/components/NavBar/NavBarMoreButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { FaBars, FaTimes } from "react-icons/fa";
 import styles from "../../styles/components/NavBar/NavBarMoreButton.module.scss";

src/components/NavBar/NavBarRightButtons.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import NavBarSearchButton from "./NavBarSearchButton";
 import NavBarDropdownButton from "./NavBarDropdownButton";

src/components/NavBar/NavBarSearchButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Link from "next/link";
 import React from "react";
 import { FaSearch } from "react-icons/fa";