moved input to the top and output to the bottom, and removed the error message showing on a blank input(?)

src/App.tsx

@@ -83,7 +83,14 @@ function App() {
             </CardDescription>
           </CardHeader>
           <CardContent>
-            {!isLoading && error && (
+            <Input
+              placeholder="Enter your email address or domain"
+              onChange={onChange}
+              value={input}
+            />
+          </CardContent>
+          <CardFooter>
+            {input && !isLoading && error && (
               <Alert variant="destructive">
                 <AlertTitle>Error!</AlertTitle>
                 <AlertDescription>{error}</AlertDescription>
@@ -103,13 +110,6 @@ function App() {
                 </AlertDescription>
               </Alert>
             )}
-          </CardContent>
-          <CardFooter>
-            <Input
-              placeholder="Enter your email address or domain"
-              onChange={onChange}
-              value={input}
-            />
           </CardFooter>
         </Card>
       </div>