fix(component): fix incorrect input component width and height styling (#5292)

after:

https://github.com/toeverything/AFFiNE/assets/102217452/5d8f51c5-c7a6-4ec8-b2b0-7f1391f045c7

packages/frontend/component/src/components/rename-modal/index.css.ts

@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css';
+
+export const input = style({
+  height: '34px',
+  width: '220px',
+});

packages/frontend/component/src/components/rename-modal/index.tsx

@@ -2,6 +2,7 @@ import { useCallback, useState } from 'react';
 
 import Input from '../../ui/input';
 import { Menu } from '../../ui/menu';
+import * as styles from './index.css';
 
 export const RenameModal = ({
   onRename,
@@ -32,9 +33,8 @@ export const RenameModal = ({
       }}
       items={
         <Input
+          className={styles.input}
           autoFocus
-          width={220}
-          style={{ height: 34 }}
           defaultValue={value}
           onChange={setValue}
           onEnter={handleRename}