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";