fix: update key prop in process mapping to use unique process ID

Author: shm11C3

src/features/hardware/dashboard/components/DashboardItems.tsx

@@ -128,7 +128,7 @@ export const GPUInfo = () => {
         hardwareInfo.gpus.map((gpu, index, arr) => (
           <div
             className={index !== 0 ? "py-3" : arr.length > 1 ? "pb-3" : ""}
-            key={`${gpu.name}${index}`}
+            key={gpu.id}
           >
             {(() => {
               const hasMemorySize = gpu.memorySize !== "N/A";

src/features/hardware/insights/process/table/ProcessTable.tsx

@@ -216,9 +216,9 @@ const TableBody = memo(({ processes }: { processes: ProcessStat[] }) => {
 
   return (
     <tbody>
-      {processes.map((process, i) => {
+      {processes.map((process) => {
         return (
-          <tr key={`${process.pid}-${i}`} className="border-gray-700 border-b">
+          <tr key={process.pid} className="border-gray-700 border-b">
             <td className="py-2">{process.pid}</td>
             <td className="py-2">{process.process_name}</td>
             <td className="py-2">

src/features/hardware/insights/snapshot/components/ProcessHistoryTable.tsx

@@ -229,9 +229,9 @@ const TableBody = memo(({ processes }: { processes: ProcessStat[] }) => {
 
   return (
     <tbody>
-      {processes.map((process, i) => {
+      {processes.map((process) => {
         return (
-          <tr key={`${process.pid}-${i}`} className="border-gray-700 border-b">
+          <tr key={process.pid} className="border-gray-700 border-b">
             <td className="py-2">{process.pid}</td>
             <td className="max-w-48 truncate py-2" title={process.process_name}>
               {process.process_name}