Revert "feat: add Vue Simulator section to Releases page (#175)"

This reverts commit a43be06.

Author: naman79820

.gitignore

@@ -61,4 +61,4 @@ config.
 
 # allow required generated files
 !app/icons.gen.ts
-!app/overrides.gen.css
+!app/overrides.gen.css

app/releases/page.tsx

@@ -1,17 +1,28 @@
 import { getReleases } from "@/lib/releases";
-import ReleasesClient from "@/components/Releases/ReleasesClient";
+import { ReleaseCard } from "@/components/Releases/ReleaseCard";
 
 export default async function ReleasesPage() {
   const releases = await getReleases();
 
   return (
-    <div className="mx-auto w-full max-w-5xl px-4 py-10">
-      <h1 className="text-3xl font-bold text-[#50B78B]">Releases</h1>
-      <p className="text-sm text-zinc-500 mt-1">
-        Celebrating contributors across CircuitVerse releases
-      </p>
+    <div className="max-w-5xl mx-auto px-4 py-10 space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-[#50B78B]">
+          Releases
+        </h1>
+        <p className="text-sm text-zinc-500 mt-1">
+          Celebrating contributors across CircuitVerse releases
+        </p>
+      </div>
 
-      <ReleasesClient releases={releases} />
+      <div className="space-y-4">
+        {releases.map((release, index) => (
+         <ReleaseCard
+  key={`${release.repoSlug}-${release.version}`}
+  release={release}
+/>
+        ))}
+      </div>
     </div>
   );
 }

components/Releases/ReleaseCard.tsx

@@ -9,25 +9,24 @@ export function ReleaseCard({ release }: { release: Release }) {
     <Card className="transition-all hover:shadow-md hover:border-[#50B78B]/50">
       <CardContent className="p-5 space-y-4">
         {/* Header */}
-        <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2 sm:gap-4">
-          <div className="min-w-0">
-            <h3 className="text-base sm:text-lg font-semibold break-words">
-  {release.repo} — {release.version}
-</h3>
-<p className="text-sm text-muted-foreground break-words">
-  {release.summary}
-</p>
-
+        <div className="flex items-start justify-between gap-4">
+          <div>
+            <h3 className="text-lg font-semibold">
+              {release.repo} — {release.version}
+            </h3>
+            <p className="text-sm text-muted-foreground">
+              {release.summary}
+            </p>
           </div>
-         <span className="text-xs sm:text-sm text-zinc-500 whitespace-normal sm:whitespace-nowrap sm:self-start">
-  {release.date}
-</span>
-       
+
+          <span className="text-sm text-zinc-500 whitespace-nowrap">
+            {release.date}
+          </span>
         </div>
 
         {/* Contributors */}
         {release.contributors.length > 0 && (
-          <div className="flex flex-wrap gap-2 pt-2">
+          <div className="flex flex-wrap gap-3 pt-2">
             {release.contributors.map((c) => (
               <Link
                 key={c.username}