feat(core): add search result highlighting (#4667)

Co-authored-by: Peng Xiao <pengxiao@outlook.com>

packages/frontend/core/src/hooks/affine/use-app-setting-helper.ts

@@ -0,0 +1,23 @@
+import { useAtom } from 'jotai';
+import { useCallback, useMemo } from 'react';
+
+import { type AppSetting, appSettingAtom } from '../../atoms/settings';
+
+export function useAppSettingHelper() {
+  const [appSettings, setAppSettings] = useAtom(appSettingAtom);
+
+  const updateSettings = useCallback(
+    <K extends keyof AppSetting>(key: K, value: AppSetting[K]) => {
+      setAppSettings(prevSettings => ({ ...prevSettings, [key]: value }));
+    },
+    [setAppSettings]
+  );
+
+  return useMemo(
+    () => ({
+      appSettings,
+      updateSettings,
+    }),
+    [appSettings, updateSettings]
+  );
+}

packages/frontend/core/src/hooks/affine/use-language-helper.ts

@@ -16,7 +16,7 @@ export function useLanguageHelper() {
       })),
     []
   );
-  const onSelect = useCallback(
+  const onLanguageChange = useCallback(
     (event: string) => {
       i18n.changeLanguage(event);
     },
@@ -27,8 +27,8 @@ export function useLanguageHelper() {
     () => ({
       currentLanguage,
       languagesList,
-      onSelect,
+      onLanguageChange,
     }),
-    [currentLanguage, languagesList, onSelect]
+    [currentLanguage, languagesList, onLanguageChange]
   );
 }

packages/frontend/core/src/hooks/affine/use-sidebar-status.ts

@@ -0,0 +1,19 @@
+import { appSidebarOpenAtom } from '@affine/component/app-sidebar';
+import { useAtom } from 'jotai';
+import { useCallback, useMemo } from 'react';
+
+export function useSwitchSidebarStatus() {
+  const [isOpened, setOpened] = useAtom(appSidebarOpenAtom);
+
+  const onOpenChange = useCallback(() => {
+    setOpened(open => !open);
+  }, [setOpened]);
+
+  return useMemo(
+    () => ({
+      onOpenChange,
+      isOpened,
+    }),
+    [isOpened, onOpenChange]
+  );
+}

packages/frontend/core/src/hooks/use-register-workspace-commands.ts

@@ -52,7 +52,7 @@ export function useRegisterWorkspaceCommands() {
         languageHelper,
       })
     );
-    unsubs.push(registerAffineLayoutCommands({ store, t }));
+    unsubs.push(registerAffineLayoutCommands({ t, store }));
     unsubs.push(
       registerAffineCreationCommands({
         store,