cleanup

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

@@ -96,8 +96,8 @@ export default async function Page({ params: { id } }: Params): Promise<JSX.Elem
 
             <div className="flex flex-col gap-2 divide-y divide-neutral-200 dark:divide-neutral-700">
               <div>
-                <h2 className="text-xl">{player.username}</h2>
-                <p className="text-primary">{player.uniqueId}</p>
+                <h2 className="text-xl text-primary">{player.username}</h2>
+                <p>{player.uniqueId}</p>
               </div>
 
               <div className="flex flex-col gap-2">

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

@@ -124,8 +124,8 @@ export default async function Page({ params: { platform, hostname } }: Params):
               )}
 
               <div className="flex flex-col">
-                <h2 className="text-xl">{server.hostname}</h2>
-                <div className="text-primary">
+                <h2 className="text-xl text-primary">{server.hostname}</h2>
+                <div>
                   <p>
                     Players online: {formatNumber(server.players.online)}/{formatNumber(server.players.max)}
                   </p>

src/app/components/player/lookup-player.tsx

@@ -30,7 +30,7 @@ export function LookupPlayer(): JSX.Element {
 
   return (
     <form className="flex gap-2 justify-center mt-2">
-      <Input className="w-fit" placeholder="UUID / Username" value={player} onChange={setPlayerValue} maxLength={36} />
+      <Input className="w-fit" placeholder="Name / UUID" value={player} onChange={setPlayerValue} maxLength={36} />
       <Button type="submit" onClick={() => lookupPlayer()}>
         Lookup
       </Button>