format: Run yarn format

packages/web/app/dashboard/bookmarks/components/AddLink.tsx

@@ -18,7 +18,7 @@ const formSchema = z.object({
 
 export default function AddLink() {
   const router = useRouter();
-  const {setLoading} = useLoadingCard();
+  const { setLoading } = useLoadingCard();
   const bookmarkLinkMutator = api.bookmarks.bookmarkLink.useMutation({
     onMutate: () => {
       setLoading(true);

packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx

@@ -17,15 +17,13 @@ export default function BookmarkCardSkeleton() {
     >
       <ImageCardBanner src="/blur.avif" />
       <ImageCardContent>
-        <ImageCardTitle>
-        </ImageCardTitle>
+        <ImageCardTitle></ImageCardTitle>
         <ImageCardBody className="space-y-2">
           <Skeleton className="h-4 w-full" />
           <Skeleton className="h-4 w-full" />
           <Skeleton className="h-4 w-full" />
         </ImageCardBody>
-        <ImageCardFooter>
-        </ImageCardFooter>
+        <ImageCardFooter></ImageCardFooter>
       </ImageCardContent>
     </ImageCard>
   );

packages/web/components/ui/skeleton.tsx

@@ -1,15 +1,15 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Skeleton({
   className,
   ...props
 }: React.HTMLAttributes<HTMLDivElement>) {
   return (
     <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
+      className={cn("bg-muted animate-pulse rounded-md", className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Skeleton }
+export { Skeleton };

packages/web/lib/hooks/use-loading-card.ts

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
 export const useLoadingCard = create<{
-  loading: boolean,
-  setLoading: (val: boolean) => void,
+  loading: boolean;
+  setLoading: (val: boolean) => void;
 }>((set) => ({
   loading: false,
   setLoading: (val: boolean) => set({ loading: val }),