refactor: using unified nanoid (#4519)

packages/component/src/components/notification-center/index.jotai.ts

@@ -1,5 +1,5 @@
-import { uuidv4 } from '@blocksuite/store';
 import { atom } from 'jotai';
+import { nanoid } from 'nanoid';
 
 export type Notification = {
   key?: string;
@@ -42,7 +42,7 @@ export const removeNotificationAtom = atom(null, (_, set, key: string) => {
 export const pushNotificationAtom = atom<null, [Notification], void>(
   null,
   (_, set, newNotification) => {
-    newNotification.key = newNotification.key || uuidv4();
+    newNotification.key = newNotification.key || nanoid();
     const key = newNotification.key;
     const removeNotification = () =>
       set(notificationsBaseAtom, notifications =>

packages/component/src/components/page-list/view/create-collection.tsx

@@ -8,9 +8,9 @@ import {
   RemoveIcon,
   SaveIcon,
 } from '@blocksuite/icons';
-import { uuidv4 } from '@blocksuite/store';
 import { Button } from '@toeverything/components/button';
 import { Modal } from '@toeverything/components/modal';
+import { nanoid } from 'nanoid';
 import { useCallback, useMemo, useState } from 'react';
 
 import { Input, ScrollableContainer } from '../../..';
@@ -280,7 +280,7 @@ export const SaveCollectionButton = ({
   const handleClick = useCallback(() => {
     changeShow(true);
     setInit({
-      id: uuidv4(),
+      id: nanoid(),
       name: '',
       filterList,
       workspaceId,