add a title component

src/app/(pages)/player/[[...id]]/page.tsx

@@ -11,6 +11,7 @@ import config from "@root/config.json";
 import { CachedPlayer, getPlayer, McUtilsAPIError } 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
@@ -71,8 +72,10 @@ export default async function Page({ params: { id } }: Params): Promise<ReactEle
   return (
     <div className="h-full flex flex-col items-center">
       <div className="mb-4 text-center">
-        <h1 className="text-xl">Lookup a Player</h1>
-        <p>You can enter a players uuid or username to get information about the player.</p>
+        <Title
+          title="Player Lookup"
+          subtitle="You can enter a players uuid or username to get information about the player."
+        />
 
         <LookupPlayer currentPlayer={id && id[0]} />
       </div>