add speedylink and use all over the place

Basically prefetch on hover or pointer down

app/[leaflet_id]/Actions.tsx

···
 } from "app/lish/createPub/getPublicationURL";
 import { ActionButton } from "components/ActionBar/ActionButton";
 import { GoBackSmall } from "components/Icons/GoBackSmall";
-import { PaintSmall } from "components/Icons/PaintSmall";
 import { PublishSmall } from "components/Icons/PublishSmall";
 import { useLeafletPublicationData } from "components/PageSWRDataProvider";
+import { SpeedyLink } from "components/SpeedyLink";
 import { useToaster } from "components/Toast";
 import { DotLoader } from "components/utils/DotLoader";
-import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import { useReplicache } from "src/replicache";
···
   };
 }) => {
   return (
-    <Link
+    <SpeedyLink
       href={`${getBasePublicationURL(props.publication)}/dashboard`}
       className="hover:!no-underline"
     >
···
         icon={<GoBackSmall className="shrink-0" />}
         label="To Pub"
       />
-    </Link>
+    </SpeedyLink>
   );
 };
 
···
           content: (
             <div>
               {pub.doc ? "Updated! " : "Published! "}
-              <Link
+              <SpeedyLink
                 href={`${getPublicationURL(pub.publications)}/${doc?.rkey}`}
               >
                 link
-              </Link>
+              </SpeedyLink>
             </div>
           ),
           type: "success",

app/home/LeafletPreview.tsx

···
   PublicationMetadata,
   PublicationMetadataPreview,
 } from "components/Pages/PublicationMetadata";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export const LeafletPreview = (props: {
   draft?: boolean;
···
                   </div>
                 </div>
               </ThemeBackgroundProvider>
-              <LeafletPreviewLink id={props.token.id} />
+              <SpeedyLink
+                href={`/${props.token.id}`}
+                className={`no-underline sm:hover:no-underline text-primary absolute inset-0 w-full h-full`}
+              />
             </div>
           ) : (
             <LeafletAreYouSure token={props.token} setState={setState} />
···
     </div>
   );
 };
-
-const LeafletPreviewLink = (props: { id: string }) => {
-  let [prefetch, setPrefetch] = useState(false);
-  return (
-    <Link
-      onMouseEnter={() => setPrefetch(true)}
-      onPointerDown={() => setPrefetch(true)}
-      prefetch={prefetch}
-      href={`/${props.id}`}
-      className={`no-underline sm:hover:no-underline text-primary absolute inset-0 w-full h-full`}
-    />
-  );
-};

app/home/Publications.tsx

···
 import { AtUri } from "@atproto/syntax";
 import { blobRefToSrc } from "src/utils/blobRefToSrc";
 import { PublicationThemeProvider } from "components/ThemeManager/PublicationThemeProvider";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export const MyPublicationList = () => {
   let { identity } = useIdentityData();
···
     <div className="pubListWrapper w-full sm:w-[200px] flex flex-col sm:gap-1  container py-2 sm:p-0 sm:bg-transparent sm:border-0">
       <div className="flex justify-between items-center font-bold text-tertiary text-sm px-2 ">
         Publications
-        <Link
-          href={"./lish/createPub"}
+        <SpeedyLink
+          href={"/lish/createPub"}
           className="pubListCreateNew  text-accent-contrast font-bold hover:text-accent-contrast"
         >
           <AddTiny />
-        </Link>
+        </SpeedyLink>
       </div>
       <PublicationList publications={identity.publications} />
     </div>
···
   let showPageBackground = !!record?.theme?.showPageBackground;
   return (
     <PublicationThemeProvider record={record} local pub_creator={pub_creator}>
-      <Link
+      <SpeedyLink
         className="pubListItem sm:w-full sm:min-w-0 min-w-40 w-36  px-1 sm:px-2 py-1 sm:h-max  hover:no-underline "
         href={`${getBasePublicationURL(props)}/dashboard`}
       >
···
             {props.name}
           </h4>
         </div>
-      </Link>
+      </SpeedyLink>
     </PublicationThemeProvider>
   );
 }

app/lish/[did]/[publication]/[rkey]/PostHeader/PostHeader.tsx

···
 "use client";
-import Link from "next/link";
 import { PubLeafletDocument, PubLeafletPublication } from "lexicons/api";
 import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
 import { Interactions } from "../Interactions/Interactions";
 import { PostPageData } from "../getPostPageData";
 import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
 import { useIdentityData } from "components/IdentityProvider";
-import { blobRefToSrc } from "src/utils/blobRefToSrc";
-import { AtUri } from "@atproto/syntax";
 import { EditTiny } from "components/Icons/EditTiny";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export function PostHeader(props: {
   data: PostPageData;
···
       <div className="max-w-prose w-full mx-auto" id="post-header">
         <div className="pubHeader flex flex-col pb-5">
           <div className="flex justify-between w-full">
-            <Link
+            <SpeedyLink
               className="font-bold hover:no-underline text-accent-contrast"
               href={
                 document &&
···
               }
             >
               {props.name}
-            </Link>
+            </SpeedyLink>
             {identity &&
               identity.atp_did ===
                 document.documents_in_publications[0]?.publications

app/lish/[did]/[publication]/dashboard/Actions.tsx

···
 import { ShareSmall } from "components/Icons/ShareSmall";
 import { Menu } from "components/Layout";
 import { MenuItem } from "components/Layout";
-import Link from "next/link";
 import { HomeSmall } from "components/Icons/HomeSmall";
 import { EditPubForm } from "app/lish/createPub/UpdatePubForm";
 import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
···
 import { PaintSmall } from "components/Icons/PaintSmall";
 import { PubThemeSetter } from "components/ThemeManager/PubThemeSetter";
 import { useIsMobile } from "src/hooks/isMobile";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export const Actions = (props: { publication: string }) => {
   return (
     <>
       <Media mobile>
-        <Link
+        <SpeedyLink
           href="/home"
-          prefetch
           className="hover:no-underline"
           style={{ textDecorationLine: "none !important" }}
         >
           <ActionButton icon={<HomeSmall />} label="Go Home" />
-        </Link>
+        </SpeedyLink>
       </Media>
       <NewDraftActionButton publication={props.publication} />
       <PublicationShareButton />
···
       <PublicationSettingsButton publication={props.publication} />
       <hr className="border-border-light" />
       <Media mobile={false}>
-        <Link
+        <SpeedyLink
           href="/home"
-          prefetch
           className="hover:no-underline"
           style={{ textDecorationLine: "none !important" }}
         >
           <ActionButton icon={<HomeSmall />} label="Go Home" />
-        </Link>
+        </SpeedyLink>
       </Media>
     </>
   );
···
       }
     >
       <MenuItem onSelect={() => {}}>
-        <Link
+        <SpeedyLink
           href={getPublicationURL(pub!)}
           className="text-secondary hover:no-underline"
         >
···
           <div className="font-normal text-tertiary text-sm">
             View your publication as a reader
           </div>
-        </Link>
+        </SpeedyLink>
       </MenuItem>
       <MenuItem
         onSelect={(e) => {

app/lish/[did]/[publication]/dashboard/DraftList.tsx

···
 "use client";
 
-import Link from "next/link";
 import { NewDraftSecondaryButton } from "./NewDraftButton";
 import React, { useState } from "react";
 import { usePublicationData } from "./PublicationSWRProvider";
 import { Menu, MenuItem } from "components/Layout";
 import { deleteDraft } from "./deleteDraft";
 import { DeleteSmall } from "components/Icons/DeleteSmall";
-import { PrimaryKey } from "drizzle-orm/sqlite-core";
 import { ButtonPrimary } from "components/Buttons";
 import { MoreOptionsVerticalTiny } from "components/Icons/MoreOptionsVerticalTiny";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export function DraftList() {
   let { data: pub_data } = usePublicationData();
···
   let [open, setOpen] = useState(false);
   return (
     <div className="flex flex-row gap-2 items-start">
-      <Link
+      <SpeedyLink
         key={props.id}
         href={`/${props.id}`}
         className="flex flex-col gap-0 hover:!no-underline grow"
···
           <h3 className="text-tertiary italic">Untitled</h3>
         )}
         <div className="text-secondary italic">{props.description}</div>
-      </Link>
+      </SpeedyLink>
       <Menu
         open={open}
         onOpenChange={(o) => setOpen(o)}

app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx

···
 "use client";
-import Link from "next/link";
 import { AtUri } from "@atproto/syntax";
 import { PubLeafletDocument } from "lexicons/api";
 import { EditTiny } from "components/Icons/EditTiny";
···
 import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
 import { Menu, MenuItem } from "components/Layout";
 import { deletePost } from "./deletePost";
-import { mutate } from "swr";
-import { Button } from "react-aria-components";
 import { ButtonPrimary } from "components/Buttons";
 import { MoreOptionsVerticalTiny } from "components/Icons/MoreOptionsVerticalTiny";
 import { DeleteSmall } from "components/Icons/DeleteSmall";
 import { ShareSmall } from "components/Icons/ShareSmall";
 import { ShareButton } from "components/ShareOptions";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export function PublishedPostsList() {
   let { data: publication } = usePublicationData();
···
                     </a>
                     <div className="flex justify-start align-top flex-row gap-1">
                       {leaflet && (
-                        <Link className="pt-[6px]" href={`/${leaflet.leaflet}`}>
+                        <SpeedyLink
+                          className="pt-[6px]"
+                          href={`/${leaflet.leaflet}`}
+                        >
                           <EditTiny />
-                        </Link>
+                        </SpeedyLink>
                       )}
                       <Options document_uri={doc.documents.uri} />
                     </div>

app/lish/[did]/[publication]/page.tsx

···
   PublicationBackgroundProvider,
   PublicationThemeProvider,
 } from "components/ThemeManager/PublicationThemeProvider";
+import { SpeedyLink } from "components/SpeedyLink";
 
 export default async function Publication(props: {
   params: Promise<{ publication: string; did: string }>;
···
                     return (
                       <React.Fragment key={doc.documents?.uri}>
                         <div className="flex w-full ">
-                          <Link
+                          <SpeedyLink
                             href={`${getPublicationURL(publication)}/${uri.rkey}`}
                             className="publishedPost grow flex flex-col hover:!no-underline"
                           >
···
                                   },
                                 )}{" "}
                             </p>
-                          </Link>
+                          </SpeedyLink>
                         </div>
                         <hr className="last:hidden border-border-light" />
                       </React.Fragment>

components/SpeedyLink.tsx

···
+"use client";
+import Link from "next/link";
+import { useState } from "react";
+
+export function SpeedyLink(props: {
+  href: string;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+}) {
+  let [prefetch, setPrefetch] = useState(false);
+  return (
+    <Link
+      onMouseEnter={() => setPrefetch(true)}
+      onPointerDown={() => setPrefetch(true)}
+      style={props.style}
+      prefetch={prefetch}
+      href={props.href}
+      className={props.className}
+    >
+      {props.children}
+    </Link>
+  );
+}