refactor: replace Folder.jsx with Folder.astro

Author: jt14den

src/components/Folder.jsx

@@ -1,7 +1,7 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
 import { getSheetData } from '../lib/getSheetData.js';
-import Folder from '../components/Folder.jsx';
+import Folder from '../components/Folder.astro';
 
 const rows = await getSheetData();
 
@@ -18,6 +18,6 @@ const grouped = rows.reduce((acc, row) => {
   <h1 style="margin-bottom:2rem; font-size:2.5rem; font-weight:700; color:#FFFFFF;">Latest Lessons</h1>
 
   {Object.entries(grouped).map(([category, posts]) => (
-    <Folder client:load category={category} posts={posts} />
+    <Folder category={category} posts={posts} />
   ))}
 </BaseLayout>