refactor: image preview component issues in center peek (#7313)

fix AF-948

- remove jotai
- every editor got its own image block modal
- image block uses center peek modal for animation and style

tests/affine-local/e2e/image-preview.spec.ts

@@ -399,12 +399,9 @@ test('image able to copy to clipboard', async ({ page }) => {
   const locator = page.getByTestId('image-preview-modal');
   await expect(locator).toBeVisible();
   await locator.getByTestId('copy-to-clipboard-button').click();
-  await new Promise<void>(resolve => {
-    page.on('console', message => {
-      expect(message.text()).toBe('Image copied to clipboard');
-      resolve();
-    });
-  });
+  await expect(
+    page.locator('[data-testid=affine-toast]:has-text("Copied to clipboard.")')
+  ).toBeVisible();
 });
 
 test('image able to download', async ({ page }) => {