Refactor SideBarRight component for improved readability and functionality; add DecalProperties component; remove DecalTransformation; update AssetProperties animations rendering; enhance InputRange and RegularDropDown components; adjust styles for better layout; fix state management in decal store.

app/src/components/ui/inputs/RegularDropDown.tsx

@@ -21,7 +21,11 @@ const RegularDropDown: React.FC<DropdownProps> = ({
   const [searchTerm, setSearchTerm] = useState("");
   const [filteredOptions, setFilteredOptions] = useState<string[]>(options);
   const dropdownRef = useRef<HTMLDivElement>(null);
-  const [position, setPosition] = useState<{ top: number; left: number; width: number }>({
+  const [position, setPosition] = useState<{
+    top: number;
+    left: number;
+    width: number;
+  }>({
     top: 0,
     left: 0,
     width: 0,
@@ -88,7 +92,13 @@ const RegularDropDown: React.FC<DropdownProps> = ({
   };
 
   return (
-    <div className="regularDropdown-container" ref={dropdownRef}>
+    <div
+      className="regularDropdown-container"
+      ref={dropdownRef}
+      onPointerLeave={() => {
+        setIsOpen(false);
+      }}
+    >
       {/* Header */}
       <div className="dropdown-header flex-sb" onClick={toggleDropdown}>
         <div className="key">{selectedOption || header}</div>