[Refactor] Change the way import. and also move useWindow.js to logics.

src-ui/windows/config_window/ConfigWindow.jsx

@@ -1,6 +1,3 @@
-import "../../../locales/config.js";
-import "@utils/root.css";
-
 import styles from "./ConfigWindow.module.scss";
 
 import { Topbar } from "./topbar/Topbar";

src-ui/windows/config_window/index.jsx

@@ -1,11 +1,9 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-// import "../locales/config.js";
-import { ConfigWindow } from "./ConfigWindow";
-// import "./reset.css";
-// import "./root.css";
-// import { useWindow } from "@utils/useWindow";
+import "@root/locales/config.js";
+import "@utils/root.css";
 
+import { ConfigWindow } from "./ConfigWindow";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
     <React.StrictMode>

src-ui/windows/main_window/MainWindow.jsx

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import styles from "./MainWindow.module.scss";
+
 import { SidebarSection } from "./sidebar_section/SidebarSection";
 import { MainSection } from "./main_section/MainSection";
 import { useStartPython } from "@logics/useStartPython";
@@ -27,7 +28,7 @@ export const MainWindow = () => {
 
 import { useTranslation } from "react-i18next";
 import { useIsOpenedConfigWindow } from "@store";
-import { useWindow } from "@utils/useWindow";
+import { useWindow } from "@logics/useWindow";
 
 export const MainWindowCover = () => {
     const { t } = useTranslation();

src-ui/windows/main_window/index.jsx

@@ -1,7 +1,8 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "../../../locales/config.js";
+import "@root/locales/config.js";
 import "@utils/root.css";
+
 import { MainWindow } from "./MainWindow";
 
 ReactDOM.createRoot(document.getElementById("root")).render(

src-ui/windows/main_window/sidebar_section/open_settings/OpenSettings.jsx

@@ -1,7 +1,7 @@
 import styles from "./OpenSettings.module.scss";
 import ConfigurationSvg from "@images/configuration.svg?react";
 
-import { useWindow } from "@utils/useWindow";
+import { useWindow } from "@logics/useWindow";
 
 export const OpenSettings = () => {
     const { createConfigWindow } = useWindow();

vite.config.js

@@ -33,6 +33,7 @@ export default defineConfig(async () => ({
 
     resolve: {
         alias: {
+            "@root": path.resolve(__dirname),
             "@data": path.resolve(__dirname, "./data.js"),
 
             "@scss_mixins": path.resolve(__dirname, "src-ui/utils/mixins.scss"),