fix: placeholder typo (#301)

Author: 0o001

app/app/(dashboard)/page.tsx

@@ -3,7 +3,7 @@ import Sites from "@/components/sites";
 import OverviewStats from "@/components/overview-stats";
 import Posts from "@/components/posts";
 import Link from "next/link";
-import PlacholderCard from "@/components/placeholder-card";
+import PlaceholderCard from "@/components/placeholder-card";
 import OverviewSitesCTA from "@/components/overview-sites-cta";
 
 export default function Overview() {
@@ -29,7 +29,7 @@ export default function Overview() {
           fallback={
             <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
               {Array.from({ length: 4 }).map((_, i) => (
-                <PlacholderCard key={i} />
+                <PlaceholderCard key={i} />
               ))}
             </div>
           }
@@ -46,7 +46,7 @@ export default function Overview() {
           fallback={
             <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
               {Array.from({ length: 8 }).map((_, i) => (
-                <PlacholderCard key={i} />
+                <PlaceholderCard key={i} />
               ))}
             </div>
           }

app/app/(dashboard)/site/[id]/loading.tsx

@@ -1,14 +1,14 @@
 // a bunch of loading divs
 
-import PlacholderCard from "@/components/placeholder-card";
+import PlaceholderCard from "@/components/placeholder-card";
 
 export default function Loading() {
   return (
     <>
       <div className="h-10 w-48 animate-pulse rounded-md bg-stone-100 dark:bg-stone-800" />
       <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
         {Array.from({ length: 8 }).map((_, i) => (
-          <PlacholderCard key={i} />
+          <PlaceholderCard key={i} />
         ))}
       </div>
     </>

app/app/(dashboard)/sites/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import Sites from "@/components/sites";
-import PlacholderCard from "@/components/placeholder-card";
+import PlaceholderCard from "@/components/placeholder-card";
 import CreateSiteButton from "@/components/create-site-button";
 import CreateSiteModal from "@/components/modal/create-site";
 
@@ -20,7 +20,7 @@ export default function AllSites({ params }: { params: { id: string } }) {
           fallback={
             <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
               {Array.from({ length: 8 }).map((_, i) => (
-                <PlacholderCard key={i} />
+                <PlaceholderCard key={i} />
               ))}
             </div>
           }

components/placeholder-card.tsx

@@ -1,4 +1,4 @@
-export default function PlacholderCard() {
+export default function PlaceholderCard() {
   return (
     <div className="relative rounded-lg border border-stone-200 pb-10 shadow-md transition-all hover:shadow-xl dark:border-stone-700">
       <div className="h-44 w-full animate-pulse bg-stone-100 dark:bg-stone-800" />