[fix] 네비게이션 아이콘 수정 및 채팅 삭제

components/Nav/Nav.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import Like from '@/public/icons/like.svg';
 import Home from '@/public/icons/home.svg';
-import Chat from '@/public/icons/chat.svg';
 import Me from '@/public/icons/me.svg';
 import { useRouter } from 'next/router';
 import styles from './Nav.module.scss';
@@ -17,40 +16,35 @@ const menus = [
   {
     name: 'Rooms',
     icon: Home,
-  },
-  {
-    name: 'Chat',
-    icon: Chat,
+    router: '/',
   },
   {
     name: 'Liked',
     icon: Like,
+    router: '/liked',
   },
   {
     name: 'My',
     icon: Me,
+    router: '/userInfo',
   },
 ];
 
 export default function Nav({ initMenu }: NavProps) {
   const [activeMenu, setActiveMenu] = useState(initMenu || 0); // 초기 활성 메뉴 인덱스
   const [hoverMenu, setHoverMenu] = useState(-1); // 초기화
   const router = useRouter();
+
   const handleNavClicked = (index: number) => {
     setActiveMenu(index);
-    if (index === 0) {
-      router.push('/');
-    } else if (index === 2) {
-      router.push('/liked');
-    } else if (index === 3) {
-      router.push('userInfo');
-    }
+    router.push(menus[index].router);
   };
 
   return (
-    <div className={`${styles.container} grid grid-cols-4 bg-g0 w-full h-[66px] text-center`}>
+    <div className={`${styles.container} grid grid-cols-${menus.length} bg-g0 w-full h-[66px] text-center`}>
       {menus.map((menu, index) => {
         const IconComponent = menu.icon;
+
         return (
           <div
             className="my-[9px] align-middle items-center cursor-pointer"