Adding Merch Store Link to nav bar and hamburger

Author: Eric

frontend/public/assets/merch-store-icon.svg

@@ -50,6 +50,9 @@ export default function Hamburger() {
               <li className="py-2 text-lg">
                 <Link href={'./contact-us'}>Contact Us</Link>
               </li>
+              <li className="py-2 text-lg">
+                <a href="https://csesoc-merch.square.site/">Merchandise</a>
+              </li>
             </ul>
           </motion.div>
         )}

frontend/src/components/Hamburger.tsx

@@ -40,6 +40,16 @@ const Navbar = () => {
           <Link href="/contact-us">
             <div className="text-xl">{'//'} contact us</div>
           </Link>
+          <a href="https://csesoc-merch.square.site/" className='flex xl:gap-3 lg:gap-1.5 md:gap-0.8 duration-300 hover:scale-105'>
+            <div className="text-xl">{'//'} merch store</div>
+            <Image
+              src="/assets/merch-store-icon.svg"
+              alt="Merchandise Store Icon"
+              width={30}
+              height={30}
+              draggable={false}
+            />
+          </a>
         </div>
         <div className="md:hidden xl:hidden lg:hidden text-right font-bold block">
           <Hamburger />