minor refactor

app/client/packages/design-system/widgets/src/components/Sidebar/src/Sidebar.tsx

@@ -1,11 +1,13 @@
 import clsx from "clsx";
 import * as React from "react";
-import { type Ref, useRef } from "react";
+import { type Ref, useRef, useState } from "react";
+import { CSSTransition } from "react-transition-group";
+
 import { Sheet } from "../../Sheet";
-import { useSidebar } from "./use-sidebar";
 import styles from "./styles.module.css";
+import { useSidebar } from "./use-sidebar";
 import type { SidebarProps } from "./types";
-import { CSSTransition } from "react-transition-group";
+
 import { SidebarContent } from "./SidebarContent";
 
 const _Sidebar = (props: SidebarProps, ref: Ref<HTMLDivElement>) => {
@@ -22,7 +24,7 @@ const _Sidebar = (props: SidebarProps, ref: Ref<HTMLDivElement>) => {
     variant = "sidebar",
     ...rest
   } = props;
-  const [isAnimating, setIsAnimating] = React.useState(false);
+  const [isAnimating, setIsAnimating] = useState(false);
   const { isMobile, setState, state } = useSidebar();
   const sidebarRef = useRef<HTMLDivElement>();