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/plugins/copilot/src/UI/debug-content.tsx

@@ -5,6 +5,7 @@ import { type ReactElement, useCallback } from 'react';
 
 import { openAIApiKeyAtom } from '../core/hooks';
 import { conversationHistoryDBName } from '../core/langchain/message-history';
+import * as styles from './index.css';
 
 export const DebugContent = (): ReactElement => {
   const [key, setKey] = useAtom(openAIApiKeyAtom);
@@ -12,7 +13,7 @@ export const DebugContent = (): ReactElement => {
     <div>
       <FlexWrapper justifyContent="space-between">
         <Input
-          width={280}
+          className={styles.debugContentInput}
           defaultValue={key ?? undefined}
           onChange={useCallback(
             (newValue: string) => {

packages/plugins/copilot/src/UI/index.css.ts

@@ -41,3 +41,7 @@ export const sendButtonStyle = style({
     backgroundColor: 'transparent',
   },
 });
+
+export const debugContentInput = style({
+  width: '280px',
+});