add threads link

src/components/experience.tsx

···
         {experience.map((item, index) => (
           <>
             <div key={index} className="pb-5 w-72">
-              <Accordion type="single" collapsible>
-                <AccordionItem value={index.toString()}>
-                  <AccordionTrigger>{item.title}</AccordionTrigger>
-                  <AccordionContent>
+              <Linkccordion type="single" collapsible>
+                <LinkccordionItem value={index.toString()}>
+                  <LinkccordionTrigger>{item.title}</LinkccordionTrigger>
+                  <LinkccordionContent>
                     <p>{item.role}</p>
                     <br />
                     <p className="text-sm text-gray-500">{item.date}</p>
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
+                  </LinkccordionContent>
+                </LinkccordionItem>
+              </Linkccordion>
             </div>
           </>
         ))}

src/components/ui/accordion.tsx

···
   React.ElementRef<typeof AccordionPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
+  <LinkccordionPrimitive.Item
     ref={ref}
     className={cn("border-b", className)}
     {...props}
···
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
 >(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
+  <LinkccordionPrimitive.Header className="flex">
+    <LinkccordionPrimitive.Trigger
       ref={ref}
       className={cn(
         "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className,
+        className
       )}
       {...props}
     >
       {children}
       <ChevronDownIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
+    </LinkccordionPrimitive.Trigger>
+  </LinkccordionPrimitive.Header>
 ));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 
···
   React.ElementRef<typeof AccordionPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
+  <LinkccordionPrimitive.Content
     ref={ref}
     className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     {...props}
   >
     <div className={cn("pb-4 pt-0", className)}>{children}</div>
-  </AccordionPrimitive.Content>
+  </LinkccordionPrimitive.Content>
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 

src/components/ui/photos.tsx

···
   images: string[];
   className?: string;
 }) => {
-  const gridRef = useRef<any>(null);
+  const gridRef = useRef<Linkny>(null);
   const { scrollYProgress } = useScroll({
     container: gridRef, // remove this if your container is not fixed height
     offset: ["start start", "end start"], // remove this if your container is not fixed height
···
     <div
       className={cn(
         "h-[40rem] items-start overflow-y-auto hidescrollbar",
-        className,
+        className
       )}
       ref={gridRef}
     >

src/pages/_app.tsx

···
         <meta name="msapplication-TileColor" content="#603cba" />
         <meta name="theme-color" content="#ffffff" />
       </Head>
-      <AnimatePresence>
+      <LinknimatePresence>
         <Component {...pageProps} />
-      </AnimatePresence>
+      </LinknimatePresence>
     </>
   );
 }

src/pages/index.tsx

···
   SiGithub,
   SiInstagram,
   SiLinkedin,
+  SiThreads,
   SiX,
 } from "react-icons/si";
 
···
   useEffect(() => {
     console.log(
       "%cWOWY! A real life developer or code enthusiast? I'm so glad you're here! \nI'm GitHub at @jaspermayone! \nIf you're interested in circus arts, photography, or just want to chat, feel free to reach out to me at [e-mail]. \nI can't wait to meet you!",
-      "background: #222; color: #bada55",
+      "background: #222; color: #bada55"
     );
   }, []);
 
···
               ))}
             </div>
             <div className={styles.menu2}>
-              <a href="https://www.instagram.com/jasper.mayone/">
+              <Link href="https://www.instagram.com/jasper.mayone/">
                 <SiInstagram width={20} height={20} />
-              </a>
-              <a href="https://x.com/jaspermayone">
+              </Link>
+              <Link href="https://x.com/jaspermayone">
                 <SiX width={20} height={20} />
-              </a>
-              <a href="https://github.com/jaspermayone/">
+              </Link>
+              <Link href="https://github.com/jaspermayone/">
                 <SiGithub width={20} height={20} />
-              </a>
-              <a href="https://www.linkedin.com/in/jaspermayone/">
+              </Link>
+              <Link href="https://www.linkedin.com/in/jaspermayone/">
                 <SiLinkedin width={20} height={20} />
-              </a>
-              <a href="https://dev.to/jaspermayone">
+              </Link>
+              <Link href="https://dev.to/jaspermayone">
                 <SiDevdotto width={20} height={20} />
-              </a>
+              </Link>
+              <Link href="threads.net/@jasper.mayone">
+                <SiThreads width={20} height={20} />
+              </Link>
             </div>
           </div>
         </div>