Merge pull request #330 from ShipFriend0516/refactor/darkmode

[Refactor] 다크모드 비활성화 ㅠㅠ

Author: ShipFriend0516

frontend/src/components/common/Sidebar/Sidebar.tsx

@@ -1,8 +1,8 @@
 import { useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
-import { MdDarkMode, MdLightMode } from "react-icons/md";
+// import { MdDarkMode, MdLightMode } from "react-icons/md";
 import { FaGithub } from "react-icons/fa6";
-import useTheme from "@hooks/useTheme.ts";
+// import useTheme from "@hooks/useTheme.ts";
 import useAuth from "@/hooks/useAuth";
 import {
   authenticatedRoutes,
@@ -15,7 +15,7 @@ const Sidebar = () => {
   const { isLoggedIn, logOut } = useAuth();
   const [selected, setSelected] = useState<string>("");
   const [currentRoutes, setCurrentRoutes] = useState<Route[]>([]);
-  const { theme, toggleTheme } = useTheme();
+  // const { theme, toggleTheme } = useTheme();
   const navigate = useNavigate();
 
   useEffect(() => {
@@ -86,16 +86,16 @@ const Sidebar = () => {
             <FaGithub /> BOOSKIT
           </span>
         </a>
-        <button
-          onClick={toggleTheme}
-          className={
-            "text-xl dark:bg-gray-100 dark:text-gray-black border border-gray-200 rounded-full p-2 dark:border-gray-200 hover:bg-gray-200/80 dark:hover:bg-gray-200/80  transition-colors"
-          }
-          aria-roledescription={"라이트모드와 다크모드 간 전환 버튼"}
-          aria-label={"테마 변경버튼"}
-        >
-          {theme === "light" ? <MdLightMode /> : <MdDarkMode />}
-        </button>
+        {/*<button*/}
+        {/*  onClick={toggleTheme}*/}
+        {/*  className={*/}
+        {/*    "text-xl dark:bg-gray-100 dark:text-gray-black border border-gray-200 rounded-full p-2 dark:border-gray-200 hover:bg-gray-200/80 dark:hover:bg-gray-200/80  transition-colors"*/}
+        {/*  }*/}
+        {/*  aria-roledescription={"라이트모드와 다크모드 간 전환 버튼"}*/}
+        {/*  aria-label={"테마 변경버튼"}*/}
+        {/*>*/}
+        {/*  {theme === "light" ? <MdLightMode /> : <MdDarkMode />}*/}
+        {/*</button>*/}
       </div>
     </nav>
   );

frontend/vite.config.ts

@@ -32,11 +32,10 @@ export default defineConfig({
   },
   build: {
     rollupOptions: {
-      external: ["react", "react-dom"],
       output: {
-        globals: {
-          react: "React",
-          "react-dom": "ReactDOM",
+        manualChunks: {
+          "vendor-react": ["react", "react-dom", "react-router-dom"],
+          "vendor-utils": ["lodash", "axios"],
         },
       },
     },