add focus button to note actionbar

src/shared/icons/focus.tsx

@@ -0,0 +1,22 @@
+import { SVGProps } from 'react';
+
+export function FocusIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M8.25 3.75h-3.5a1 1 0 00-1 1v3.5m12-4.5h3.5a1 1 0 011 1v3.5m0 7.5v3.5a1 1 0 01-1 1h-3.5m-7.5 0h-3.5a1 1 0 01-1-1v-3.5"
+      ></path>
+    </svg>
+  );
+}

src/shared/icons/index.tsx

@@ -52,3 +52,4 @@ export * from './hashtag';
 export * from './file';
 export * from './share';
 export * from './expand';
+export * from './focus';