style: format code with Prettier

src/components/layout/MyHead.tsx

@@ -74,7 +74,11 @@ const HeadRender = () => {
           <div className="animate-pulse bg-gray-300 rounded-full w-40 h-40" />
         </div>
       )}
-      <Canvas camera={{ position: [0, 0, 6], fov: 50 }} id="head" className="w-full h-full">
+      <Canvas
+        camera={{ position: [0, 0, 6], fov: 50 }}
+        id="head"
+        className="w-full h-full"
+      >
         <ambientLight intensity={0.5} />
         <Model onLoaded={() => setLoading(false)} />
       </Canvas>

src/components/sections/MinecraftProjects.tsx

@@ -1,5 +1,3 @@
-
-
 import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { mcProjects } from "../../data";
@@ -57,9 +55,7 @@ const MinecraftProjects = () => {
                     )}
                   </h3>
                   <h4 className="project-subtitle">{proj.short_info}</h4>
-                  <h4 className="project-description">
-                    {proj.description}
-                  </h4>
+                  <h4 className="project-description">{proj.description}</h4>
                   <SafeCarousel
                     className="mt-3 mb-3"
                     images={proj.imgs || []}
@@ -77,10 +73,10 @@ const MinecraftProjects = () => {
                             linkObj.name === "Github"
                               ? "bg-[#5a4378] text-white hover:bg-[#5a4378]"
                               : linkObj.name === "MCPEDL"
-                              ? "bg-[#4a8a4a] text-white hover:bg-[#4a8a4a]"
-                              : linkObj.name === "CurseForge"
-                              ? "bg-[#f16436] text-white hover:bg-[#f16436]"
-                              : "bg-[#333] text-white hover:bg-[#333]"
+                                ? "bg-[#4a8a4a] text-white hover:bg-[#4a8a4a]"
+                                : linkObj.name === "CurseForge"
+                                  ? "bg-[#f16436] text-white hover:bg-[#f16436]"
+                                  : "bg-[#333] text-white hover:bg-[#333]"
                           }`}
                         >
                           {linkObj.name}

src/components/sections/Projects.tsx

@@ -1,4 +1,3 @@
-
 import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { Projects } from "../../data";
@@ -21,7 +20,10 @@ const ProjectsSection = () => {
       <div className="px-6 mx-auto py-6 pb-32 space-y-6">
         {loading
           ? skeletons.map((_, i) => (
-              <div key={i} className="group relative overflow-hidden rounded-lg bg-gray-200 animate-pulse h-32 flex items-center p-6">
+              <div
+                key={i}
+                className="group relative overflow-hidden rounded-lg bg-gray-200 animate-pulse h-32 flex items-center p-6"
+              >
                 <div className="flex-shrink-0 w-16 h-16 rounded-xl bg-gray-300 mr-6" />
                 <div className="flex-1 space-y-3">
                   <div className="h-6 w-1/2 bg-gray-300 rounded" />
@@ -76,8 +78,8 @@ const ProjectsSection = () => {
                             proj.status === "Live"
                               ? "bg-green-500 bg-opacity-20 text-green-400 border border-green-500 border-opacity-30"
                               : proj.status === "In Development"
-                              ? "bg-yellow-500 bg-opacity-20 text-yellow-400 border border-yellow-500 border-opacity-30"
-                              : "bg-blue-500 bg-opacity-20 text-blue-400 border border-blue-500 border-opacity-30"
+                                ? "bg-yellow-500 bg-opacity-20 text-yellow-400 border border-yellow-500 border-opacity-30"
+                                : "bg-blue-500 bg-opacity-20 text-blue-400 border border-blue-500 border-opacity-30"
                           }`}
                         >
                           {proj.status}
@@ -119,4 +121,4 @@ const ProjectsSection = () => {
   );
 };
 
-export default ProjectsSection;
+export default ProjectsSection;

src/data.ts

@@ -132,10 +132,7 @@ const mcProjects = [
       },
     ],
     downloads: "2.0M+",
-    imgs: [
-      "/assets/mcProjs/tc.webp",
-      "/assets/mcProjs/tc/maxresdefault.webp",
-    ],
+    imgs: ["/assets/mcProjs/tc.webp", "/assets/mcProjs/tc/maxresdefault.webp"],
   },
   {
     title: "Scary Myth Mobs",
@@ -354,9 +351,7 @@ const mcProjects = [
         link: "https://www.minecraft.net/en-us/marketplace/pdp?id=47c862c8-98c1-497c-94a5-3959eea3fec5",
       },
     ],
-    imgs: [
-      "/assets/mcProjs/dl/Demonic_Legends_Thumbnail.webp",
-    ],
+    imgs: ["/assets/mcProjs/dl/Demonic_Legends_Thumbnail.webp"],
   },
   {
     title: "Fright Night",
@@ -369,9 +364,7 @@ const mcProjects = [
         link: "https://www.minecraft.net/en-us/marketplace/pdp?id=7ddad910-7c39-46c0-8e6d-8ed38f870d04",
       },
     ],
-    imgs: [
-      "/assets/mcProjs/fn/FrightNight_Thumbnail.webp",
-    ],
+    imgs: ["/assets/mcProjs/fn/FrightNight_Thumbnail.webp"],
   },
 ];
 
@@ -446,9 +439,7 @@ const Projects = [
         link: "https://wiki.bedrock.dev/",
       },
     ],
-    imgs: [
-      "/assets/Projs/wiki/wiki.webp",
-    ],
+    imgs: ["/assets/Projs/wiki/wiki.webp"],
     tags: ["Documentation", "Minecraft", "Community", "Education"],
     status: "Live",
     featured: false,
@@ -469,9 +460,7 @@ const Projects = [
         link: "https://today-notes.keyyard.xyz",
       },
     ],
-    imgs: [
-      "assets/Projs/today/4.webp",
-    ],
+    imgs: ["assets/Projs/today/4.webp"],
     tags: ["React", "PWA", "TypeScript", "Productivity"],
     status: "Inactive",
     featured: false,