[Refactor] (Huge Refactoring 2)

Consolidated all logic into category-specific files.
Renamed useTranslation from react-i18next to useI18n to avoid a name conflict with our own function.

src-ui/logics/common/useWindow.js

@@ -2,12 +2,12 @@ import { useEffect, useRef } from "react";
 import { currentMonitor, availableMonitors, PhysicalPosition, PhysicalSize } from "@tauri-apps/api/window";
 import { useStdoutToPython } from "@useStdoutToPython";
 import { useStore_IsBreakPoint } from "@store";
-import { useUiScaling } from "@logics_configs";
+import { useAppearance } from "@logics_configs";
 import { store } from "@store";
 
 export const useWindow = () => {
     const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentUiScaling } = useUiScaling();
+    const { currentUiScaling } = useAppearance();
     const { updateIsBreakPoint } = useStore_IsBreakPoint();
 
     const appWindow = store.appWindow;