fix Duplicate identifier 'MantineModalsOverride'.ts(2300)

src/App.tsx

@@ -6,9 +6,8 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { getCookie, setCookie } from 'cookies-next';
 import { useEffect, useState } from 'react';
 import AppBody from './AppBody';
-import { FfprobeModal } from './shared/components/modal.windows/FfprobeModal';
-import { VaInfoModal } from './shared/components/modal.windows/VaInfoModal';
 import { SideBarProvider } from './widgets/sidebars/SideBarContext';
+import { modals } from './shared/modals';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -18,17 +17,6 @@ const queryClient = new QueryClient({
   }
 })
 
-const modals = {
-  ffprobeModal: FfprobeModal,
-  vaInfoModal: VaInfoModal,
-}
-
-declare module '@mantine/modals' {
-  export interface MantineModalsOverride {
-    modals: typeof modals;
-  }
-}
-
 function App() {
   const systemColorScheme = useColorScheme()
 

src/shared/modals.ts

@@ -0,0 +1,7 @@
+import { FfprobeModal } from "./components/modal.windows/FfprobeModal";
+import { VaInfoModal } from "./components/modal.windows/VaInfoModal";
+
+export const modals = {
+    ffprobeModal: FfprobeModal,
+    vaInfoModal: VaInfoModal,
+  }

src/types/mantine-modals-override.d.ts

@@ -0,0 +1,7 @@
+import { modals } from '../shared/modals'
+
+declare module '@mantine/modals' {
+    export interface MantineModalsOverride {
+        modals: typeof modals;
+    }
+}