Update ProjectCard image handling and add Nvidia-SMI Server project

src/App.tsx

@@ -9,7 +9,7 @@ function ProjectCard({ project }: { project: Project }) {
           <img
             src={project.image}
             alt={project.name}
-            className="h-24 w-24 object-cover rounded-full shadow-lg group-hover:scale-110 transition-transform duration-500"
+            className={`object-contain ${project.rounded === false ? 'w-full h-auto max-h-24 rounded-lg' : 'h-24 w-24 rounded-full'} shadow-lg group-hover:scale-110 transition-transform duration-500`}
           />
         </div>
       )}
@@ -602,6 +602,7 @@ interface Project {
   image?: string;
   link: string;
   open_source: false | { link: string };
+  rounded?: boolean;
 }
 
 const projects: Project[] = [
@@ -641,6 +642,14 @@ const projects: Project[] = [
     open_source: { link: "https://github.com/reversed-dev/qr-code-gen" },
     link: "https://qr.reversed.dev",
   },
+  {
+    name: "Nvidia-SMI Server",
+    description: "A simple server to expose Nvidia-SMI data via HTTP.",
+    image: "https://www.nvidia.com/content/nvidiaGDC/us/en_US/about-nvidia/legal-info/logo-brand-usage/_jcr_content/root/responsivegrid/nv_container_392921705/nv_container_412055486/nv_image.coreimg.100.630.png/1703060329095/nvidia-logo-horz.png",
+    open_source: { link: "https://github.com/Space-Banane/nvidia-smi-server" },
+    link: "https://github.com/Space-Banane/nvidia-smi-server",
+    rounded: false,
+  }
 ];
 
 export default App;