feat(core): doc database properties (#8520)

fix AF-1454

1. move inline tags editor to components
2. add progress component
3. adjust doc properties styles for desktop
4. subscribe bs database links and display in doc info
5. move update/create dates to doc info
6. a trivial e2e test

<div class='graphite__hidden'>
          <div>🎥 Video uploaded on Graphite:</div>
            <a href="https://app.graphite.dev/media/video/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">
              <img src="https://app.graphite.dev/api/v1/graphite/video/thumbnail/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">
            </a>
          </div>
<video src="https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">10月23日.mp4</video>

packages/frontend/component/.storybook/preview.tsx

@@ -1,13 +1,16 @@
-import './polyfill';
+import { getOrCreateI18n, I18nextProvider } from '@affine/i18n';
+import { ThemeProvider } from 'next-themes';
+import type { ComponentType } from 'react';
 import '../src/theme';
+import './polyfill';
 import './preview.css';
+
+import type { Preview } from '@storybook/react';
+import React, { useEffect } from 'react';
 import { ConfirmModalProvider } from '../src/ui/modal/confirm-modal';
 
-import { ThemeProvider, useTheme as useNextTheme } from 'next-themes';
-import type { ComponentType } from 'react';
-import React, { useEffect } from 'react';
-import type { Preview } from '@storybook/react';
 import { setupGlobal } from '@affine/env/global';
+import { useTheme as useNextTheme } from 'next-themes';
 
 setupGlobal();
 
@@ -45,14 +48,18 @@ const ThemeToggle = ({ context }) => {
   return null;
 };
 
+const i18n = getOrCreateI18n();
+
 export const decorators = [
   (Story: ComponentType, context) => {
     return (
       <ThemeProvider themes={['dark', 'light']} enableSystem={true}>
         <ThemeToggle context={context} />
-        <ConfirmModalProvider>
-          <Story {...context} />
-        </ConfirmModalProvider>
+        <I18nextProvider i18n={i18n}>
+          <ConfirmModalProvider>
+            <Story {...context} />
+          </ConfirmModalProvider>
+        </I18nextProvider>
       </ThemeProvider>
     );
   },