perf: add memo to react components

src/interface/components/BackgroundSelector.tsx

@@ -1,4 +1,4 @@
-import { ChangeEvent, useEffect, useState } from "react";
+import { ChangeEvent, memo, useEffect, useState } from "react";
 import { downloadPresetBackground, openDB, readAllData, writeData } from "../hooks/BackgroundDataLoader";
 import presetBackgrounds from "../assets/presetBackgrounds";
 import "./BackgroundSelector.css";
@@ -21,7 +21,7 @@ interface BackgroundSelectorProps {
   isEditMode: boolean;
 }
 
-export default function BackgroundSelector({ selectedType, setSelectedType, isEditMode }: BackgroundSelectorProps) {
+function BackgroundSelector({ selectedType, setSelectedType, isEditMode }: BackgroundSelectorProps) {
   const [backgrounds, setBackgrounds] = useState<Background[]>([]);
   const [selectedBackground, setSelectedBackground] = useState<string | null>(localStorage.getItem('selectedBackground'));
   const [downloadedPresetIds, setDownloadedPresetIds] = useState<string[]>([]);
@@ -205,4 +205,6 @@ export default function BackgroundSelector({ selectedType, setSelectedType, isEd
     </div>
     </>
   );
-}
+}
+
+export default memo(BackgroundSelector);