Ensure static components are rendered on server

src/components/general/aboutme.tsx

@@ -1,5 +1,6 @@
+"use server"
 
-const AboutMe = () => {
+export default async function AboutMe() {
   return (
     <section className="my-6 flex flex-col items-center justify-center">
       <h2 className="text-3xl font-semibold mb-4">About Me</h2>
@@ -20,4 +21,3 @@ const AboutMe = () => {
     </section>
   );
 }
-export default AboutMe;

src/components/general/pfpname.tsx

@@ -1,6 +1,7 @@
+"use server"
 import Image from "next/image";
 
-export function PFPName() {
+export async function PFPName() {
   return (
     <div className="flex flex-row items-center justify-center">
       <Image src={"/original.png"} alt={"Gabriel's Profile Picture"}

src/components/general/techchart.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { Bar, BarChart, XAxis, YAxis, Tooltip, ResponsiveContainer } from "recharts"
+import { Bar, BarChart, XAxis, YAxis, ResponsiveContainer } from "recharts"
 import { Card, CardHeader, CardContent } from "~/components/ui/card"
 
 const chartData = [