refactor: reorganize asset management components and enhance search functionality

app/src/modules/scene/camera/shortcutsControls/cameraShortcutsControls.tsx

@@ -5,6 +5,11 @@ import type { CameraControls } from "@react-three/drei";
 
 const CameraShortcutsControls = () => {
     const { camera, controls } = useThree();
+    
+    const isTextInput = (element: Element | null): boolean =>
+        element instanceof HTMLInputElement ||
+        element instanceof HTMLTextAreaElement ||
+        element?.getAttribute("contenteditable") === "true";
 
     useEffect(() => {
         const handleKeyDown = (e: KeyboardEvent) => {
@@ -21,6 +26,8 @@ const CameraShortcutsControls = () => {
 
             const dir = new THREE.Vector3().subVectors(camera.position, target).normalize();
 
+            if (isTextInput(document.activeElement)) return;
+
             switch (e.key) {
                 case "1": // Front
                     pos = new THREE.Vector3(0, 0, distance).add(target);