edit ui

src/components/ButtonLink.tsx

@@ -16,7 +16,7 @@ interface ButtonLinkProps {
   size?: 'md' | 'lg';
   type?: 'primary' | 'secondary';
   label?: string;
-  target?: '_self' | '_blank';
+  target?: '_self' | "_blank";
 }
 
 function ButtonLink({

src/components/Layout/Sidebar/SidebarRouteTree.tsx

@@ -12,10 +12,10 @@
 import {useRef, useLayoutEffect, Fragment} from 'react';
 
 import cn from 'classnames';
-import {useRouter} from 'next/router';
+import {useRouter} from "next/router";
 import {SidebarLink} from './SidebarLink';
 import {useCollapse} from 'react-collapsed';
-import usePendingRoute from 'hooks/usePendingRoute';
+import usePendingRoute from "hooks/usePendingRoute";
 import type {RouteItem} from 'components/Layout/getRouteMeta';
 import {siteConfig} from 'siteConfig';
 

src/components/Logo.tsx

@@ -12,6 +12,7 @@ import type {SVGProps} from 'react';
 
 export function Logo(props: SVGProps<SVGSVGElement>) {
   return (
+    <>
     <svg
       width="100%"
       height="100%"
@@ -26,5 +27,6 @@ export function Logo(props: SVGProps<SVGSVGElement>) {
         <ellipse rx="10" ry="4.5" transform="rotate(120)" />
       </g>
     </svg>
+    </>
   );
 }