variable-length `TextInput` for conversation title

pages/chat/@id/+Page.tsx

@@ -499,7 +499,7 @@ export default function ChatPage() {
     <Box h="100%" w="100%" style={{ display: "flex", flexDirection: "column" }}>
       <Group justify="flex-start" gap={"sm"} w="100%">
         <TextInput
-          inputSize="50"
+          inputSize={Math.max(conversationTitle?.length || 0, 22).toString()}
           description={`Conversation #${conversationId}`}
           defaultValue={conversationTitle || ""}
           // onChange={(e) => {