make mojang status card the whole width of the screen on mobile

src/app/components/container.tsx

@@ -6,9 +6,9 @@ export default function Container({
   children: React.ReactNode;
 }>): JSX.Element {
   return (
-    <div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 xs:max-w-[1200px]">
+    <div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 w-full xs:max-w-[1200px]">
       <NavBar />
-      <div className="w-full flex-1 p-4">{children}</div>
+      <div className="w-full flex m-4 justify-center">{children}</div>
     </div>
   );
 }

src/app/components/navbar.tsx

@@ -11,7 +11,7 @@ type Page = {
 const pages: Page[] = [
   { title: "Player", url: "/player" },
   { title: "Server", url: "/server/java" },
-  { title: "Mojang Status", url: "/mojang/status" },
+  { title: "Mojang", url: "/mojang/status" },
 ];
 
 export default function NavBar(): JSX.Element {

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

@@ -40,6 +40,8 @@ export function LookupPlayer(): JSX.Element {
     <form className="flex gap-2 justify-center mt-2" action="" onSubmit={(event) => event.preventDefault()}>
       <Input
         className="w-fit"
+        type="search"
+        name="query"
         placeholder="Name / UUID"
         value={id}
         onChange={(event) => {

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

@@ -70,7 +70,15 @@ export function LookupServer(): JSX.Element {
       action=""
       onSubmit={(event) => event.preventDefault()}
     >
-      <Input className="w-fit" placeholder="Hostname" value={hostname} onChange={setHostnameValue} maxLength={128} />
+      <Input
+        className="w-fit"
+        type="search"
+        name="query"
+        placeholder="Hostname"
+        value={hostname}
+        onChange={setHostnameValue}
+        maxLength={128}
+      />
       <div className="flex gap-2 justify-center">
         <LookupButton platform={ServerPlatform.Java} />
         <LookupButton platform={ServerPlatform.Bedrock} />