Reverted all changes back to version 4163372a17

src/components/meta-form.tsx

@@ -8,7 +8,6 @@ import { Globe } from "lucide-react";
 import { extractMetaData } from "@/app/actions";
 import { LengthIndicator } from "./length-indicator";
 import { CopyButton } from "./copy-button";
-import { ResultsSkeleton } from "./results-skeleton";
 
 interface MetaData {
   title: string;
@@ -60,23 +59,21 @@ export function MetaForm() {
         <Button
           type="submit"
           disabled={loading}
-          className="w-full sm:w-auto h-12 px-8 rounded-lg font-semibold transition-all hover:scale-105 active:scale-100"
+          className="w-full sm:w-auto h-12 px-8 rounded-lg font-semibold transition-all"
         >
           {loading ? "Extracting..." : "Extract"}
         </Button>
       </form>
 
-      {loading && <ResultsSkeleton />}
-
-      {error && !loading && (
+      {error && (
         <Card className="border-destructive bg-destructive/10">
           <CardContent className="p-4">
-            <p className="text-destructive text-center font-medium">{error}</p>
+            <p className="text-destructive text-center">{error}</p>
           </CardContent>
         </Card>
       )}
 
-      {metaData && !loading && (
+      {metaData && (
         <Card className="w-full shadow-lg rounded-lg">
           <CardHeader>
             <CardTitle className="text-xl text-card-foreground">