Fixed states

src/components/ModsSection.tsx

@@ -9,8 +9,6 @@ import {
   X,
 } from "lucide-react";
 import {
-  type Mod,
-  type GameVersion,
   getInstalledMods,
   discoverMods,
   getVersions,
@@ -20,6 +18,7 @@ import {
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { motion, AnimatePresence } from "framer-motion";
+import { GameVersion, Mod } from "@/services/Types";
 
 function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

src/components/PlaySection.tsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
 import { Play, Loader2 } from "lucide-react";
-import { launchGame, type GameVersion } from "../services/LauncherService";
+import { launchGame } from "../services/LauncherService";
 import Bg from "@/assets/bg.png";
 import { listen } from "@tauri-apps/api/event";
+import { GameVersion } from "@/services/Types";
 
 interface PlaySectionProps {
   version: GameVersion;

src/components/SettingsSection.tsx

@@ -7,12 +7,9 @@ import {
   Info,
   AlertTriangle,
 } from "lucide-react";
-import {
+import { getSettings, updateSettings } from "../services/LauncherService";
-  getSettings,
-  updateSettings,
-  type LauncherSettings,
-} from "../services/LauncherService";
 import { motion } from "framer-motion";
+import { LauncherSettings } from "@/services/Types";
 
 const SettingsSection: React.FC = () => {
   const [settings, setSettings] = useState<LauncherSettings | null>(null);