add a title component

src/app/(pages)/server/[platform]/[[...hostname]]/page.tsx

@@ -18,6 +18,7 @@ import {
 } from "mcutils-library";
 import { Metadata, Viewport } from "next";
 import { ReactElement } from "react";
+import { Title } from "@/app/components/title";
 
 /**
  * Force the page to be dynamic, so it will be regenerated on every request
@@ -126,8 +127,10 @@ export default async function Page({ params: { platform, hostname } }: Params):
   return (
     <div className="h-full flex flex-col items-center">
       <div className="mb-4 text-center">
-        <h1 className="text-xl">Lookup a {invalidPlatform ? "" : capitalizeFirstLetter(platform)} Server</h1>
-        <p>You can enter a server hostname to get information about the server.</p>
+        <Title
+          title={`Lookup a ${invalidPlatform ? "" : capitalizeFirstLetter(platform)} Server`}
+          subtitle="You can enter a server hostname to get information about the server."
+        />
 
         <LookupServer currentPlatform={platform.toLowerCase()} currentServer={hostname && hostname[0]} />
       </div>