feat: update editor mode switch icons (#3526)

apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/style.ts

@@ -54,7 +54,7 @@ export const StyledSwitchItem = styled('button')<{
     zIndex: 2,
     fontSize: '20px',
     path: {
-      fill: 'currentColor',
+      stroke: 'currentColor',
     },
   };
 });

apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx

@@ -35,7 +35,7 @@ const HoverAnimateController = ({
     >
       {cloneElement(children, {
         isStopped: !startAnimate,
-        speed: 5,
+        speed: 1,
         width: 20,
         height: 20,
       })}
@@ -50,7 +50,7 @@ export const PageSwitchItem = (
     <HoverAnimateController {...props}>
       <InternalLottie
         options={{
-          loop: false,
+          loop: true,
           autoplay: false,
           animationData: require('./animation-data/page-hover.json'),
           rendererSettings: {
@@ -69,7 +69,7 @@ export const EdgelessSwitchItem = (
     <HoverAnimateController {...props}>
       <InternalLottie
         options={{
-          loop: false,
+          loop: true,
           autoplay: false,
           animationData: require('./animation-data/edgeless-hover.json'),
           rendererSettings: {