fix(mobile): add missing mobile date selector and remove focus style from date picker in mobile (#9215)

Close [BS-2169](https://linear.app/affine-design/issue/BS-2169/新的-menu-不支持移动端)

### What changes
- add missing date-selector for mobile
- remove focus style of date picker for mobile
  ![CleanShot 2024-12-20 at 11.27.09@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyRfgiN4RuBxJfrza3SG/7a9b1c1a-e4aa-4746-9242-f1b8c12cd630.png)

packages/frontend/component/src/ui/date-picker/calendar/calendar.css.ts

@@ -46,18 +46,18 @@ export const focusInteractive = style([
   basicInteractive,
   {
     selectors: {
-      '&::before': {
+      ':not([data-mobile="true"]) &::before': {
         opacity: 0,
         boxShadow: `0 0 0 2px ${cssVar('brandColor')}`,
       },
-      '&::after': {
+      ':not([data-mobile="true"]) &::after': {
         border: '1px solid transparent',
       },
 
-      '&:focus-visible::before': {
+      ':not([data-mobile="true"]) &:focus-visible::before': {
         opacity: 0.5,
       },
-      '&:focus-visible::after': {
+      ':not([data-mobile="true"]) &:focus-visible::after': {
         borderColor: cssVar('brandColor'),
       },
     },