chore: linting the code

src/components/editor/editor.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useMemo } from "react";
-
 import { useStore } from "@/store/useStore";
-import MonacoEditor, { OnMount } from "@monaco-editor/react";
+
+import MonacoEditor, { type OnMount } from "@monaco-editor/react";
 import Loader from "@/components/loader";
 
 export default function Editor() {

src/components/editor/terminal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef, useCallback } from "react";
+import { useEffect, useState, useRef, useCallback, useMemo } from "react";
 import { useStore } from "@/store/useStore";
 import Loader from "@/components/loader";
 
@@ -39,15 +39,18 @@ export default function Terminal() {
     setError(null);
   }, [clearOutput, setError]);
 
-  const commandHandlers: CommandHandlers = {
-    "pip install": async (input: string) => await pipInstall(input),
-    "echo ": async (input: string) =>
-      await setOutput(input.split(" ").slice(1).join(" ")),
-    pwd: getCwd,
-    cwd: getCwd,
-    clear: clearTerminal,
-    cls: clearTerminal
-  };
+  const commandHandlers: CommandHandlers = useMemo(
+    () => ({
+      "pip install": async (input: string) => await pipInstall(input),
+      "echo ": async (input: string) =>
+        await setOutput(input.split(" ").slice(1).join(" ")),
+      pwd: getCwd,
+      cwd: getCwd,
+      clear: clearTerminal,
+      cls: clearTerminal
+    }),
+    [pipInstall, setOutput, getCwd, clearTerminal]
+  );
 
   const handleReplSubmit = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {

src/components/settings.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { useStore } from "@/store/useStore";
 
 import { Input } from "./ui/input";

src/components/ui/ripple.tsx

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from "react";
+import React, { type CSSProperties } from "react";
 
 interface RippleProps {
   mainCircleSize?: number;

src/store/useStore.ts

@@ -41,7 +41,7 @@ export const useStore = create<State & Actions>((set, get) => ({
 
   setCode: (code) => set({ code }),
   setOutput: (newOutput) =>
-    set((state) => ({ output: state.output + "\n" + newOutput })),
+    set((state) => ({ output: `${state.output}\n${newOutput}` })),
   clearOutput: (defaultValue = "") => set({ output: defaultValue }),
   setError: (error) => set({ error }),
   setDirection: (direction) => set({ direction }),