modified order of components, putting the alert box on top of the input

src/App.tsx

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