Start moduleConfig & general import cleanup

src/components/generic/Dialog.tsx

@@ -1,17 +1,16 @@
-import type React from "react";
-
 import { IconButton } from "@components/form/IconButton.js";
 import { Dialog as DialogUI } from "@headlessui/react";
 import { XMarkIcon } from "@heroicons/react/24/outline";
-import { ThemeController } from "./ThemeController.js";
-import { Blur } from "./Blur.js";
+import { ThemeController } from "@components/generic/ThemeController.js";
+import { Blur } from "@components/generic/Blur.js";
+import type { ReactNode } from "react";
 
 export interface DialogProps {
   title: string;
   description: string;
   isOpen: boolean;
   close: () => void;
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
 export const Dialog = ({

src/components/generic/Mono.tsx

@@ -1,5 +1,3 @@
-import type React from "react";
-
 export const Mono = ({
   children,
   className,

src/components/generic/TabbedContent.tsx

@@ -1,6 +1,4 @@
-import type React from "react";
 import { Fragment } from "react";
-
 import { Mono } from "@components/generic/Mono";
 import { Tab } from "@headlessui/react";
 

src/components/generic/ThemeController.tsx

@@ -1,8 +1,8 @@
-import { useAppStore } from "@app/core/stores/appStore.js";
-import type React from "react";
+import { useAppStore } from "@core/stores/appStore.js";
+import type { ReactNode } from "react";
 
 export interface ThemeControllerProps {
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
 export const ThemeController = ({