update error messages

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

@@ -16,7 +16,7 @@ type Params = {
 export async function generateMetadata({ params: { id } }: Params): Promise<Metadata> {
   const player = await getData(id);
   if (player == null) {
-    return generateEmbed({ title: "Unknown Player", description: "Player not found" });
+    return generateEmbed({ title: "Unknown Player", description: "Invalid UUID / Username" });
   }
 
   const { username, uniqueId, skin } = player;
@@ -55,7 +55,7 @@ export default async function Page({ params }: Params) {
       </div>
 
       <Card>
-        {player == null && <NotFound message="Player not found" />}
+        {player == null && <NotFound message="Invalid UUID / Username" />}
         {player != null && (
           <div className="flex gap-2 flex-col md:flex-row">
             <div className="flex justify-center md:justify-start">

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

@@ -20,7 +20,7 @@ type Params = {
 export async function generateMetadata({ params: { platform, hostname } }: Params): Promise<Metadata> {
   const server = await getData(platform, hostname);
   if (server == null) {
-    return generateEmbed({ title: "Unknown Server", description: "Server not found" });
+    return generateEmbed({ title: "Unknown Server", description: "Server not responding" });
   }
 
   const { hostname: serverHostname, players } = server;
@@ -75,7 +75,7 @@ export default async function Page({ params: { platform, hostname } }: Params) {
       </div>
 
       <Card>
-        {server == null && <NotFound message="Server not found" />}
+        {server == null && <NotFound message="Server not responding" />}
         {server != null && (
           <div className="flex gap-2 flex-col md:flex-row">
             {favicon && (

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

@@ -29,9 +29,9 @@ export function LookupPlayer() {
   };
 
   return (
-    <div className="flex gap-2 justify-center mt-2">
+    <form className="flex gap-2 justify-center mt-2">
       <Input className="w-fit" placeholder="Player UUID / Username" value={player} onChange={setPlayerValue} />
       <Button onClick={() => lookupPlayer()}>Lookup</Button>
-    </div>
+    </form>
   );
 }

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

@@ -32,10 +32,10 @@ export function LookupServer() {
   };
 
   return (
-    <div className="flex gap-2 justify-center mt-2">
+    <form className="flex gap-2 justify-center mt-2">
       <Input className="w-fit" placeholder="Server hostname" value={hostname} onChange={setHostnameValue} />
       <Button onClick={() => lookupServer(ServerPlatform.Java)}>Java</Button>
       <Button onClick={() => lookupServer(ServerPlatform.Bedrock)}>Bedrock</Button>
-    </div>
+    </form>
   );
 }