[Fix] sidemenu 로고 모바일 대응

[Fix] sidemenu 로고 모바일 대응

Author: MINJI121

src/components/sideMenu/SideMenu.tsx

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { PaginationButton } from "@/components/button/PaginationButton";
 import NewDashboard from "@/components/modal/NewDashboard";
 
@@ -22,13 +22,27 @@ interface SideMenuProps {
   onCreateDashboard?: (dashboard: Dashboard) => void;
 }
 
+function useMobile() {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobile(window.innerWidth < 640); // sm 기준
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return isMobile;
+}
+
 export default function SideMenu({
   teamId,
   dashboardList,
   onCreateDashboard,
 }: SideMenuProps) {
   const router = useRouter();
   const boardId = router.query.dashboardId?.toString();
+  const isMobile = useMobile();
 
   const [currentPage, setCurrentPage] = useState(1);
   const [isCollapsed, setIsCollapsed] = useState(false);
@@ -66,7 +80,7 @@ export default function SideMenu({
         )}
       >
         <Link href="/mydashboard" className="mb-2">
-          {isCollapsed ? (
+          {isCollapsed || isMobile ? (
             <Image
               src="/svgs/logo.svg"
               alt="작은 로고"