refactor: update terminal header to display server name if available

Author: funnyzak

src/components/terminal.tsx

@@ -143,7 +143,7 @@ export const TerminalPage = () => {
     return (
         <div className="px-8">
             <div className="flex mt-6 mb-4">
-                <h1 className="flex-1 text-3xl font-bold tracking-tight">{`Terminal (${id})`}</h1>
+                <h1 className="flex-1 text-3xl font-bold tracking-tight"> {terminal?.server_name || 'Terminal'} ({id})</h1>
                 <div className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0">
                     <IconButton
                         icon="expand"