fix server creation publickey is not copyable (#795)

Author: saeedvaziry

resources/js/pages/servers/components/create-server.tsx

@@ -28,6 +28,7 @@ import {
 } from '@/components/ui/dialog';
 import ServerTemplates from './templates';
 import { ServerTemplate, Service } from '@/types/server-template';
+import { Textarea } from '@/components/ui/textarea';
 
 type CreateServerForm = {
   provider: string;
@@ -440,18 +441,17 @@ export default function CreateServer({
                   </AlertDescription>
                 </Alert>
                 <FormField>
-                  <Label htmlFor="public_key">Public Key command</Label>
-                  <Button
+                  <Label htmlFor="public_key" className="flex items-center gap-2">
+                    Public Key command
+                    {copySuccess ? <ClipboardCheckIcon className="text-success! size-3" /> : <ClipboardIcon className="size-3 cursor-pointer" />}
+                  </Label>
+                  <Textarea
                     onClick={copyToClipboard}
-                    variant="outline"
                     id="public_key"
-                    type="button"
                     value={page.props.public_key_text}
-                    className="justify-between truncate font-normal"
-                  >
-                    <span className="w-full max-w-2/3 overflow-x-hidden overflow-ellipsis">{page.props.public_key_text}</span>
-                    {copySuccess ? <ClipboardCheckIcon size={5} className="text-success!" /> : <ClipboardIcon size={5} />}
-                  </Button>
+                    className="justify-between overflow-auto font-normal"
+                    spellCheck={false}
+                  ></Textarea>
                 </FormField>
               </>
             )}