refactor: Removed unused vars and imports

src/mainview/components/AutoFocus.tsx

@@ -1,5 +1,5 @@
 import { doesFocusableExist, FocusDetails, getCurrentFocusKey } from "@noriginmedia/norigin-spatial-navigation";
-import { useEffect, useLayoutEffect } from "react";
+import { useLayoutEffect } from "react";
 
 export function AutoFocus (data: {
     parentKey?: string;

src/mainview/components/FocusTooltip.tsx

@@ -1,4 +1,4 @@
-import { Ref, RefObject, useEffect, useState } from "react";
+import { RefObject, useState } from "react";
 import { useFocusEventListener } from "../scripts/spatialNavigation";
 import useActiveControl from "../scripts/gamepads";
 import { twMerge } from "tailwind-merge";

src/mainview/components/LoadMoreButton.tsx

@@ -1,7 +1,6 @@
 import { setFocus, useFocusable } from "@noriginmedia/norigin-spatial-navigation";
 import { FOCUS_KEYS } from "../scripts/types";
 import { useIntersectionObserver } from "usehooks-ts";
-import { useEffect } from "react";
 
 export default function LoadMoreButton (data: { isFetching: boolean; lastId?: FrontEndId; } & FocusParams & InteractParams)
 {

src/mainview/components/options/LocalOption.tsx

@@ -21,7 +21,6 @@ export function LocalOption (data: {
         <OptionSpace id={`${data.id}-space`} label={data.label}>
             {data.type === 'dropdown' && data.values && <OptionDropdown values={data.values} icon={data.icon}
                 name={data.id ?? ""}
-                type={data.type}
                 placeholder={data.placeholder}
                 defaultValue={localValue}
                 onChange={(v) =>

src/mainview/components/options/OptionDropdown.tsx

@@ -1,4 +1,4 @@
-import { FocusEventHandler, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, JSX, useState } from "react";
+import { FocusEventHandler, HTMLInputAutoCompleteAttribute, JSX, useState } from "react";
 import { twMerge } from "tailwind-merge";
 import { useFocusable } from "@noriginmedia/norigin-spatial-navigation";
 import { ContextDialog, ContextList, DialogEntry } from "../ContextDialog";

src/mainview/components/options/SettingsDropdown.tsx

@@ -1,8 +1,7 @@
-import { HTMLInputTypeAttribute, JSX, useCallback, useEffect, useState } from "react";
+import { JSX, useCallback, useEffect, useState } from "react";
 import { SettingsType } from "../../../shared/constants";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { OptionSpace } from "./OptionSpace";
-import { OptionInput } from "./OptionInput";
 import { getSettingQuery, setSettingMutation } from "@queries/settings";
 import { OptionDropdown } from "./OptionDropdown";
 

src/mainview/components/store/StoreEmulatorCard.tsx

@@ -1,11 +1,9 @@
 
 import { twMerge } from "tailwind-merge";
 import { RPC_URL } from "@/shared/constants";
-import { Button } from "../options/Button";
-import useActiveControl from "@/mainview/scripts/gamepads";
 import { useFocusable } from "@noriginmedia/norigin-spatial-navigation";
 import { GamePadButtonCode, useShortcuts } from "@/mainview/scripts/shortcuts";
-import { BadgeCheck, ChevronRight, CircleFadingArrowUp, EllipsisVertical, FileQuestion, IceCream2, Package, Sparkles, Store, WandSparkles } from "lucide-react";
+import { CircleFadingArrowUp, FileQuestion, IceCream2, Package, Store, WandSparkles } from "lucide-react";
 import { FOCUS_KEYS } from "@/mainview/scripts/types";
 import { FlatpackIcon } from "@/mainview/scripts/brandIcons";
 import { JSX } from "react";

src/mainview/routes/game/$source.$id.tsx

@@ -1,6 +1,6 @@
-import { createFileRoute, ErrorComponentProps, useRouter, useRouterState } from "@tanstack/react-router";
+import { createFileRoute, ErrorComponentProps, useRouter } from "@tanstack/react-router";
 import { RPC_URL } from "@shared/constants";
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { FocusContext, useFocusable } from "@noriginmedia/norigin-spatial-navigation";
 import { Calendar, Folder, Gamepad2, Image, Info, TriangleAlert, Trophy } from "lucide-react";
 import { HeaderUI, StickyHeaderUI } from "../../components/Header";
@@ -9,7 +9,7 @@ import { useQuery } from "@tanstack/react-query";
 import Shortcuts from "../../components/Shortcuts";
 import { GamePadButtonCode, useShortcutContext, useShortcuts } from "@/mainview/scripts/shortcuts";
 import Screenshots from "@/mainview/components/Screenshots";
-import { HandleGoBack, scrollIntoViewHandler, useOnNavigateBack, useStickyDataAttr } from "@/mainview/scripts/utils";
+import { HandleGoBack, scrollIntoViewHandler, useOnNavigateBack } from "@/mainview/scripts/utils";
 import { FilterUI } from "@/mainview/components/Filters";
 import StatList, { StatEntry } from "@/mainview/components/StatList";
 import { useIntersectionObserver, useLocalStorage } from "usehooks-ts";

src/mainview/routes/settings/accounts.tsx

@@ -7,7 +7,7 @@ import
 import { useIsMutating, useMutation, useQuery } from "@tanstack/react-query";
 import { createFileRoute } from "@tanstack/react-router";
 import classNames from "classnames";
-import { Key, Link, Lock, LogIn, LogOut, Save, ScanQrCode, Trash, User, X } from "lucide-react";
+import { Key, Link, Lock, LogIn, LogOut, ScanQrCode, User, X } from "lucide-react";
 import
 {
   useEffect,

src/mainview/routes/settings/emulators.tsx

@@ -2,9 +2,9 @@ import { createFileRoute, useRouter } from '@tanstack/react-router';
 import { OptionSpace } from '../../components/options/OptionSpace';
 import { OptionInput } from '../../components/options/OptionInput';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { JSX, useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Button } from '../../components/options/Button';
-import { Check, ChevronDown, FileQuestion, FolderSearch, Plug, SearchAlert, Store, Trash, TriangleAlert } from 'lucide-react';
+import { Check, ChevronDown, FileQuestion, FolderSearch, Plug, SearchAlert, Store, Trash } from 'lucide-react';
 import { ContextDialog, ContextList, DialogEntry, OptionElement } from '../../components/ContextDialog';
 import classNames from 'classnames';
 import { twMerge } from 'tailwind-merge';

src/mainview/routes/store/details.emulator.$id.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useRef } from "react";
 import
 {
     useFocusable,
@@ -17,7 +17,7 @@ import Screenshots from "@/mainview/components/Screenshots";
 import { StickyHeaderUI } from "@/mainview/components/Header";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { EmulatorsSection } from "@/mainview/components/store/EmulatorsSection";
-import { HandleGoBack, scrollIntoViewHandler, useJobStatus, useOnNavigateBack } from "@/mainview/scripts/utils";
+import { HandleGoBack, scrollIntoViewHandler, useJobStatus } from "@/mainview/scripts/utils";
 import toast from "react-hot-toast";
 import { getErrorMessage } from "react-error-boundary";
 import { emulatorStatusIcons } from "@/mainview/components/store/StoreEmulatorCard";

src/mainview/routes/store/tab/emulators.tsx

@@ -1,7 +1,7 @@
 
 
-import { createFileRoute, ErrorComponentProps, useSearch } from '@tanstack/react-router';
-import { Joystick, TriangleAlert } from 'lucide-react';
+import { createFileRoute, useSearch } from '@tanstack/react-router';
+import { Joystick } from 'lucide-react';
 import { useContext, useEffect } from 'react';
 import { FocusContext, getCurrentFocusKey, useFocusable } from '@noriginmedia/norigin-spatial-navigation';
 import { StoreEmulatorCard } from '@/mainview/components/store/StoreEmulatorCard';

src/mainview/routes/store/tab/route.tsx

@@ -95,7 +95,6 @@ function RouteComponent ()
   };
 
   const { shortcuts } = useShortcutContext();
-  const { focus } = Route.useSearch();
 
   const handleDetails = (type: string, source: string, id: string, focus: string) =>
   {