refactor(component): move date-picker to ui, add story, support responsive (#5468)

- move to `component/ui`
- add `AFFiNEDatePicker` & `BlocksuiteDatePicker` story
- inline mode support
- responsive support
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/toeverything/AFFiNE/assets/39363750/320bef49-380f-40a2-b3b2-4b74dd2d8da4">
    <img  alt="" src="https://github.com/toeverything/AFFiNE/assets/39363750/fc9e7808-02fe-49a1-aa78-aea254fb1f9d">
  </picture>

tests/storybook/src/stories/datepicker.stories.tsx

@@ -1,4 +1,4 @@
-import { AFFiNEDatePicker } from '@affine/component/date-picker';
+import { AFFiNEDatePicker } from '@affine/component';
 import type { Meta, StoryFn } from '@storybook/react';
 import { useState } from 'react';
 
@@ -8,7 +8,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-} satisfies Meta;
+} satisfies Meta<typeof AFFiNEDatePicker>;
 
 export const Default: StoryFn = () => {
   const [value, setValue] = useState<string>(new Date().toString());