Revert "feat: 캘린더 뷰 전환에 fade 애니메이션 추가 (#46)"

This reverts commit 31f948a.

Author: soyoungheo429

frontend/src/App.css

@@ -8,38 +8,9 @@ body, html, #root {
 }
 
 .appLayout {
-  --sidebar-width: 120px;
-  display: grid;
-  grid-template-columns: var(--sidebar-width) 1fr;
-  min-height: 100vh;
-  transition: grid-template-columns 0.45s ease;
-}
-
-.appLayout.sidebar-open {
-  --sidebar-width: 360px;
+  display: flex;
 }
 
 .content {
-  width: 100%;
-  min-width: 0;
-  transition: margin 0.45s ease, padding 0.45s ease;
-}
-
-.appLayout.sidebar-animating .content {
-  opacity: 0.65;
-}
-
-.page-transition {
-  opacity: 0;
-  animation: fadeIn 0.55s ease forwards;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
+  flex: 1;
 }

frontend/src/AppLayout.jsx

@@ -1,4 +1,4 @@
-import { Outlet, useLocation } from "react-router-dom";
+import { Outlet } from "react-router-dom";
 import { useEffect, useMemo, useState } from "react";
 
 import SidebarLeft from "./components/SidebarLeft";
@@ -13,14 +13,12 @@ import { API_BASE_URL } from "./config/api";
 export default function AppLayout() {
   // 약속 데이터 목록 상태
   const [sidebarEvents, setSidebarEvents] = useState([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
 
   // 에러 메시지 상태
   const [error, setError] = useState("");
 
   // 로그인 토큰
   const token = useMemo(() => localStorage.getItem("access_token"), []);
-  const location = useLocation();
 
   useEffect(() => {
     const fetchAppointments = async () => {
@@ -60,18 +58,10 @@ export default function AppLayout() {
     fetchAppointments();
   }, [token]);
 
-  const layoutClass = `appLayout ${isSidebarOpen ? "sidebar-open" : "sidebar-closed"}`;
-
   return (
-    <div className={layoutClass}>
-      <SidebarLeft
-        events={sidebarEvents}
-        isOpen={isSidebarOpen}
-        onToggle={setIsSidebarOpen}
-      />
-      <div key={location.pathname} className="content page-transition">
-        <Outlet />
-      </div>
+    <div className="appLayout">
+      <SidebarLeft events={sidebarEvents} />
+      <Outlet className="content" />
     </div>
   );
 }

frontend/src/components/Calendar.css

@@ -509,24 +509,6 @@ button, .custom-header span, .fc-col-header-cell-cushion {
   color: inherit !important;
 }
 
-.calendar-surface {
-  position: relative;
-}
-
-.fade-swap {
-  opacity: 0;
-  animation: calendarSoftFade 0.55s ease forwards;
-}
-
-@keyframes calendarSoftFade {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}