hunk.code_window:   const [query, setQuery] = useState("");
     const [show, setShow] = useState(false);
     const fileOperations = useFilteredFileOperations(query);
     const pageId = useSelector(getCurrentPageId);
     const applicationSlug = useSelector(selectCurrentApplicationSlug);
  
hunk.labels: keep replace keep keep keep
hunk.after_edit:   const [show, setShow] = useState(openMenu);
  
hunk.file_path: app/client/src/pages/Editor/Explorer/Files/Submenu.tsx
hunk.type: replace
file: import { ReactComponent as SpinnerSvg } from "assets/svg/loader-2-fill.svg";
  import styled from "styled-components";
  import React from "react";
  
  const CheckmarkWrapper = styled.div<{ $height: string; $width: string }>`
    #loading-spinner {
      animation: loading-spinner 2s linear infinite;
    }
  
    @keyframes loading-spinner {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }
  `;
  
  function SpinnerLoader(props: { height: string; width: string }) {
    return (
      <CheckmarkWrapper $height={props.height} $width={props.width}>
        <SpinnerSvg id="loading-spinner" />
      </CheckmarkWrapper>
    );
  }
  
  export default SpinnerLoader;
  